知识大全 Flex 基于数据源的Menu Tree

Posted 2022-07-20 知

篇首语：虚心使人进步，骄傲使人落后，我们应当永远记住这个真理。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 Flex 基于数据源的Menu Tree相关的知识，希望对你有一定的参考价值。

Flex 基于数据源的Menu Tree 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

　　实现功能

　　由外部参数flashvars指定数据源的文件位置或render链接

　　在源数据上加href和target属性来控制打开窗口

　　可自定义父节点和子节点图标不设置采用系统默认

　　直接上源码

　　 <?xml version= encoding= utf ?><mx:Application xmlns:mx= fontFamily= simsun fontSize= layout= absolute creationComplete= menu send(); width= height= initialize= init() ><mx:Script> <![CDATA[ import ntrols Alert; import mx events ListEvent; import llections ArrayCollection; import mx rpc events ResultEvent; [Bindable] private var strUrl:String = TreeMenus xml ; [Bindable] private var menus:XML; [Bindable] [Embed( open gif )] public var openicon:Class; [Bindable] [Embed( close gif )] public var closeicon:Class; [Bindable] [Embed( leaf gif )] public var leaficon:Class; private function init():void this strUrl = this parameters url; private function LoadMenu(event:ResultEvent):void menus = XML(event result); var results:XMLList = menus node; tree dataProvider = results; //菜单图标设置 private function treeIcon(item:Object):Class var node:XML = XML(item); trace( icon: + node @icon); var str : String = node @icon; //已经设置图标 if(node hasOwnProperty( @icon )) if(node @icon == openicon ) return openicon; if(node @icon == closeicon ) return closeicon; if(node @icon == leaficon ) return leaficon; else //如果没定义icon就直接用默认的　 if(!tree dataDescriptor isBranch(item)) return tree getStyle( defaultLeafIcon ); if(tree isItemOpen(item)) return tree getStyle( folderOpenIcon ); else return tree getStyle( folderClosedIcon ); return null; /** *//** * 菜单树单项点击事件 * */ private function itemClickHandler(evt:ListEvent):void var item:Object = Tree(evt currentTarget) selectedItem; if (tree dataDescriptor isBranch(item)) //tree expandItem(item !groupTree isItemOpen(item) true); else //得到节点对象 var node:XML = XML(item); //如果有属性href if(node hasOwnProperty( @href ) && node hasOwnProperty( @target )) openURL(node @href node @target); if(node hasOwnProperty( @href ) && (node hasOwnProperty( @target ) == false)) //没有指定target默认在新窗口中打开 openURL(node @href _blank ); //页面跳转的方法　 private function openURL(url:String target:String):void var request:URLRequest = new URLRequest(url); navigateToURL(request target); ]]></mx:Script> <mx:HTTPService url= strUrl id= menu useProxy= false showBusyCursor= true result= LoadMenu(event) resultFormat= xml /> <mx:Tree iconFunction= treeIcon id= tree width= % height= % labelField= @label itemClick= itemClickHandler(event) /></mx:Application>

　　调用的时候在flashvars里面加上url=xxx

　　其中url可以指定xml文件的位置或者render的链接

　　示例文件xml

　　 <?xml version= encoding= utf ?><menus> <node label= 系统管理 icon= openicon > <node label= 用户管理 icon= closeicon target= mainFrame /> <node label= 权限管理 target= mainFrame /> <node label= 角色管理 target= mainFrame /> <node label= 域管理 target= mainFrame /> <node label= 测试 > <node label= sub folder target= mainFrame /> </node> </node> <node label= 客服 > <node label= 终端信息查询 target= mainFrame /> <node label= 客服问题解答记录 target= mainFrame /> </node></menus>

cha138/Article/program/Java/JSP/201311/19340