利用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
分享到:
相关推荐
最新版的ElementUI-web-Axure组件库是针对Axure RP 9.0设计的,它为产品设计师提供了丰富的交互式组件,使得在原型设计阶段就能实现类似真实应用的效果。 Axure RP是一个流行的原型设计工具,允许设计师快速构建...
本源码是基于C开发的OpenWrt Web界面开发框架设计,包含152个文件,其中包括45个.json文件,22个.js文件,17个.md文件,17个.vue文件,以及11个.lua文件。此外,还包括4个.c文件,3个.yml文件,3个.mk文件,2个.svg...
QT主菜单界面框架是软件开发中的一个重要组成部分,尤其在创建桌面应用时,它为用户提供了一种组织和访问功能的直观方式。QT是一个流行的开源跨平台应用程序开发框架,由Trolltech公司(现为The Qt Company)开发,...
Web界面框架是构建高效、可维护且用户友好的Web应用程序的关键工具。它们为开发者提供了丰富的功能,如数据绑定、路由管理、组件化、状态管理以及样式处理,极大地简化了前端开发流程。在“Web界面框架”这个主题下...
开发者可以通过研究这些资源,学习如何将它们集成到自己的Delphi项目中,实现类Web的界面设计。 总的来说,利用Delphi设计类Web界面是一种巧妙的融合,它允许开发者充分利用桌面应用的优势,同时带给用户类似Web的...
【基于Web菜单框架】是一种将桌面应用程序的交互体验与Web技术相结合的技术,旨在为用户提供更加直观、便捷的在线操作界面。这种框架的核心是利用Web技术来实现类似Windows操作系统中的菜单系统,使用户在网页上也能...
界面框架是指一种基于 WEB 的界面解决方案,提供了一整套的界面组件、模块和工具,帮助开发者快速地开发出功能强大、美观的 WEB 应用程序。界面框架通常包括了各种界面组件,如首页、列表、表单、导航菜单等,并提供...
综上所述,C# Web开发中漂亮的界面和组件设计涉及多方面的技术,包括但不限于使用ASP.NET框架、Bootstrap和CSS进行布局,利用JavaScript和jQuery实现交互效果,以及通过自定义CSS样式来优化按钮、表单和时间显示等...
Web设计涵盖了网页布局、色彩搭配、图形设计等多个方面,旨在提供用户友好的界面和流畅的交互体验。在这个项目中,我们的目标是设计一个关于中国文化馆的网站,因此,设计时需要充分考虑中国元素的融入,如传统图案...
标题中的“AXURE Ant Design 4.40 - web组件库 ant design pro 后台模板 产品经理”指的是一款基于Axure设计工具的组件库,它整合了Ant Design Pro的4.40版本的Web界面元素和后台管理模板,特别适用于产品经理进行...
Web 界面设计规范详解 本文将详细介绍 Web 界面设计规范,包括界面设计的目的、适用范围、文件命名规范、控件命名规范、控件外观规范和界面设计规范等方面的知识点。 一、界面设计的目的 界面设计的目的是为了使...
2. **响应式设计**:考虑到现代Web应用需要在不同设备上展示良好,框架可能会提供响应式布局,使得界面能自适应手机、平板和桌面电脑等不同屏幕尺寸。 3. **拖拽功能**:这通常意味着框架内置了拖放API,允许用户...
基于web的教育信息化产品开发-阅读辅助...本文讨论了基于web的教育信息化产品开发-阅读辅助平台的vue组件化开发与实现,涵盖了前端框架技术、阅读辅助平台的需求分析、VUE组件化概念和Vue组件化的开发与实现等知识点。
在IT领域,二级菜单是一种常见的用户界面元素,用于在主菜单下组织更具体的子功能或选项。在诸如美团、大众点评、淘宝和饿了么这样的应用程序中,二级菜单发挥着至关重要的作用,帮助用户快速定位并访问他们需要的...
ElementUI是阿里巴巴旗下的饿了么团队开发的一套开源UI框架,它为Vue.js提供了一系列易于使用、美观的组件,如表格、按钮、提示、下拉菜单等,大大简化了前端开发流程。其组件设计简洁、响应式,适合构建企业级后台...
可使用标准Windows元素创建图形用户界面(GUI)屏幕,包括框架窗口、会话、菜单、工具栏、标签、按钮、复选框、单选按钮、滚动条、滑动调节框、微调框、组合框、树列表、列表框、编辑框以及静态文本等。 通过现有...
新MVC框架(带菜单权限)是一个基于.NET MVC5技术栈构建的权限管理系统。...通过学习和实践这些知识点,开发者不仅可以理解和使用这个“新MVC框架(带菜单权限)”,还可以进一步提升自己的.NET Web开发技能。
TMS WEB Core是首个实现100%纯HTML/JS应用的Delphi框架,这意味着开发者可以创建无需二进制文件或可执行文件的Web应用程序。这一特性使得应用程序可以直接部署到任何托管服务器,极大地简化了分发和部署过程。对于...
《Web开发敏捷之道:应用Rails进行敏捷Web开发(第3版)》:Ruby on Rails是一个全套的MVC web框架,它能帮你开发高质量又美观的web应用,而且开发速度快得出乎你想象。你只须集中精力于应用程序本身,Rails就会帮你...
Web 端地图组件设计与实现 移动端电子签名组件设计与实现 前端框架路由设计 单页面应用 框架路由设计过程 框架路由使用方法 前端框架公共 Js 函数封装 前端框架打包与部署 前端框架国际化设计 前端解析器设计与实现 ...