利用LinkBar 实现菜单功能,代码:
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="400" height="60"
creationComplete="topinit()" >
<mx:Style>
.linkbarset
{
rollOverColor:#93a9b4;
}
</mx:Style>
<mx:Metadata>
[Event(name="topOpEvent","MyEvent.TopEvent")]
</mx:Metadata>
<mx:Script>
<![CDATA[
import mx.collections.Sort;
import Modules.MainPage;
import ValueObject.User;
import mx.events.ItemClickEvent;
import mx.rpc.remoting.mxml.RemoteObject;
import mx.rpc.AsyncToken;
import mx.rpc.AbstractOperation;
import mx.rpc.AsyncResponder;
import mx.collections.ArrayCollection;
import mx.collections.Sort;
import mx.collections.SortField;
import mx.controls.Alert;
import mx.rpc.events.ResultEvent;
import components.MenuPage;
import MyEvent.TopEvent;
public var MenuRo:RemoteObject;
public var SessionService:RemoteObject;
public var menuPage:MenuPage;
[Bindable]
[Embed(source="images/1.gif")]
private var img1:Class;
[Bindable]
[Embed(source="images/2.gif")]
private var img2:Class;
[Bindable]
[Embed(source="images/3.gif")]
private var img3:Class;
[Bindable]
[Embed(source="images/4.gif")]
private var img4:Class;
[Bindable]
[Embed(source="images/5.gif")]
private var img5:Class;
[Bindable]
[Embed(source="images/6.gif")]
private var img6:Class;
private var imgclass:Class;
private var array:Array = new Array();
private var imgStr:Array = new Array(img1,img2,img3,img4,img5,img6);
private var sortStr:Array = new Array(1,2,3,4,5,6);
private var _user:User = new User();
private function topinit():void
{
MenuRo = new RemoteObject("menuService");
var menuToken:AsyncToken ;
var operation:AbstractOperation = MenuRo.getOperation("getMenu");
menuToken = operation.send();
menuToken.addResponder(new AsyncResponder(success,null));
}
//初始化顶级菜单
private function success(result:Object,token:Object=null):void
{
var eve:ResultEvent = result as ResultEvent;
if(eve.result != null)
{
var arrayOr:ArrayCollection = eve.result as ArrayCollection;
for(var i:int =0;i<arrayOr.length;i++){
var objOr:Object = arrayOr[i];
for(var j:int=0;j<sortStr.length;j++){
if(sortStr[j]==objOr["sort"]){
imgclass = imgStr[j];
}
}
array.push({data:objOr["id"],hreflink:objOr["hreflink"],img:imgclass,sort:objOr["sort"]});
}
var arrayCollection:ArrayCollection = new ArrayCollection(array);
var sort:Sort = new Sort;
//默认是按照升序排序的
sort.fields = [new SortField("sort")];
arrayCollection.sort = sort;
topLinkBar.dataProvider=arrayCollection;
}
}
public function getLeftTree(e:ItemClickEvent):void
{
var menuToken:AsyncToken ;
var operation:AbstractOperation = MenuRo.getOperation("getTree");
menuToken = operation.send(e.item.data);
menuToken.addResponder(new AsyncResponder(treeSuccess,null));
}
//树回调函数
private function treeSuccess(result:Object,token:Object=null):void
{
var eve:ResultEvent = result as ResultEvent;
if(eve.result != null)
{
var returnString:String = eve.result as String;
var treeDate:XML = new XML(returnString);
var topEvent:TopEvent = new TopEvent("topOpEvent",treeDate);
dispatchEvent(topEvent);
}
}
]]>
</mx:Script>
<mx:HBox x="0" y="0" width="100%" height="100%">
<mx:Label text="交易公示网" height="100%" width="300" fontSize="36" fontStyle="italic" textAlign="center"/>
<mx:LinkBar width="100%" height="100%" id="topLinkBar" borderStyle="none"
iconField="img" horizontalAlign="right" linkButtonStyleName="linkbarset" itemClick="getLeftTree(event)" >
</mx:LinkBar>
<mx:Spacer width="20" />
</mx:HBox>
</mx:Canvas>
- 大小: 11.1 KB
分享到:
相关推荐
最新毕业设计-用WEB技术设计实现联机考试系统——界面设计.docx最新毕业设计-用WEB技术设计实现联机考试系统——界面设计.docx最新毕业设计-用WEB技术设计实现联机考试系统——界面设计.docx最新毕业设计-用WEB技术...
Web界面设计(中文)
react-Haunted针对Web组件实现的ReactHooksAPI
JAVA Web程序设计-3期(KC006) 13-3应用JFreeChart组件实现柱状图的操作步骤.doc 学习资料 复习资料 教学资源
C# web 漂亮的界面及组件;C# web 漂亮的界面及组件;C# web 漂亮的界面及组件
Web系统框架课程设计-毕设选导师系统-JavaScript前端。已获高分通过项目。内附使用方法。自己可以动手不求人。 项目结构 App.jsx 为全局入口,routes/index.js 存放路由表,components 存放一般组件,pages 存放路由...
Office Web Components是一组的COM控件,设计的目的是为众多的控件容器提供交互的电子表格建模,数据报表和数据可视化功能。OWC库包含四个主要的组件:电子表格组件,图表组件,透视表组件和数据源组件。
AXURE组件-web折叠菜单交互.rp
Web Components Framework - Web组件框架.zip
Portal-Basic Java Web应用开发框架(简称 Portal-Basic)是一套功能完备的高性能Full-Stack Web应用开发框架,内置稳定高效的MVC基础架构和DAO框架(已内置Hibernate、MyBatis和JDBC支持),集成 Action拦截、Form ...
JAVA Web程序设计-3期(KC006) 13-1-3应用jspSmartUpload组件实现文件上传的操作步骤.doc 学习资料 复习资料 教学资源
JAVA Web程序设计-3期(KC006) 13-1-1应用jspSmartUpload组件实现文件下载的操作步骤.doc 学习资料 复习资料 教学资源
鉴于许多Web框架通过暴露JavaScript API来构建用户界面,而构建用户界面实际上就是生成一堆div和spans标记,Web 组件是原生浏览器的解决方案因此不依赖于一个完整的框架。因此,与现在的一般依赖某个Javscript框架...
本地生活小程序的设计与实现--大数据Web开发框架
简单网页二级菜单的实现
Web+ Java 框架课程设计——网上购物系统 各部分功能实现源码
多个组件之间的过渡,只需要使用动态组件即可,动态组件需要通过Vue中的元素绑定is属性来实现多组件的过渡。接下来通过案例演示如何实现多个组件的过渡。 4.3 多个组件过渡 <!-- 定义登录组件 --> ...
JAVA+Web课程设计--注册登录系统--+用SSH框架整合实现注册登录系统
可使用标准Windows元素创建图形用户界面(GUI)屏幕,包括框架窗口、会话、菜单、工具栏、标签、按钮、复选框、单选按钮、滚动条、滑动调节框、微调框、组合框、树列表、列表框、编辑框以及静态文本等。 通过现有...