Flex 基于数据源的Menu Tree实现代码 - 网站

Flex 基于数据源的Menu Tree实现代码

分类：Flex · 发布时间：2021-12-21 09:36 · 阅读：3828

由外部参数flashvars指定数据源的文件位置或render链接,在源数据上加href和target属性来控制打开窗口,可自定义父节点和子节点图标,不设置采用系统默认,感兴趣的你可以了解下啊，或许对你有所帮助

实现功能:
1.由外部参数flashvars指定数据源的文件位置或render链接.
2.在源数据上加href和target属性来控制打开窗口.
3.可自定义父节点和子节点图标,不设置采用系统默认.
直接上源码:
复制代码 代码如下:


fontFamily="simsun" fontSize="12"
layout="absolute" creationComplete="menu.send();" width="242" height="442" initialize="init()">

import mx.controls.Alert;
import mx.events.ListEvent;
import mx.collections.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;
tree1.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(!tree1.dataDescriptor.isBranch(item))
{
return tree1.getStyle("defaultLeafIcon");
}
if(tree1.isItemOpen(item))
{
return tree1.getStyle("folderOpenIcon");
}
else
{
return tree1.getStyle("folderClosedIcon");
}
}
return null;
}
/**
* 菜单树单项点击事件
* */
private function itemClickHandler(evt:ListEvent):void
{
var item:Object = Tree(evt.currentTarget).selectedItem;
if (tree1.dataDescriptor.isBranch(item))
{
//tree1.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);
}
]]>

showBusyCursor="true" result="LoadMenu(event)" resultFormat="xml"/>



调用的时候在flashvars里面加上url=xxx
复制代码 代码如下:

id="tree" width="242" height="442"
codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">






width="242" height="442" name="tree" align="middle"
play="true"
loop="false"
quality="high"
allowScriptAccess="sameDomain"
type="application/x-shockwave-flash"
pluginspage="http://www.adobe.com/go/getflashplayer">


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



href='/main/user/user-list.jsp' target='mainFrame' />
target='mainFrame' />
target='mainFrame' />
target='mainFrame' />










标签：
数据源 Menu Tree

相关文章

flex弹性布局详解

flex 就是flexible box的缩写，意为弹性布局，用来为盒装模型提供最大的灵活性，今天通过本文给大家详细介绍下flex弹性布局的相关知识，感兴趣的朋友一起看看吧

Flex字体加粗问题只能对英文的字体加粗

在flex中对label进行字体加粗的时候，只能对英文的字体加粗，而中文的就不可以加粗，解决方法如下，希望对大家有所帮助

Flex中实现对一个text渲染不同的字体颜色示例

本文为大家详细介绍下Flex中如何实现对一个text渲染不同的字体颜色，具体的实现思路及代码如下，有兴趣的朋友可以参考下哈，希望对大家有所帮助

在as中监听自定义事件并处理事件的实例代码

点击一张图片，响应事件。必须在AS中，去监听事件，并处理事件，下面是具体的实现思路及功能代码，感兴趣的朋友可以参考下哈

flex中如何用图像给按钮做皮肤

用图像给按钮做皮肤在flex中实现是很容易的，下面有个不错的示例，大家不妨参考下，或许会有所帮助
返回分类 返回首页