引用
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/04/04/creating-a-simple-image-gallery-with-the-flex-tree-control/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white"
initialize="initTree()"
viewSourceURL="srcview/index.html">
<mx:Script>
<![CDATA[
import mx.events.ListEvent;
import mx.controls.Alert;
[Bindable] public var switchObj:Object = new Object();
private function initTree():void
{
switchObj = [
{
label:'All',
children:
[
{label:"Illustrator",src:'resource/images/ai_appicon.jpg'},
{label:"secondChild",src:'resource/images/cf_appicon.jpg'}
]
} ,
{
label:'RIA',
children:
[
{label:"ColdFusion",src:'resource/images/cf_appicon.jpg'},
{label:"Dreamweaver",src:"resource/images/dw_appicon.jpg"},
{label:"Flash",src:"resource/images/fl_appicon.jpg"}
]
} ,
{
label:'Server',
children:
[
{label:"ColdFusion",src:'resource/images/cf_appicon.jpg'},
{label:"Flex",src:"resource/images/fx_appicon.jpg"}
]
}
];
}
private function tree_itemClick(evt:ListEvent):void {
var t:Tree = evt.currentTarget as Tree;
var dataObj:Object = evt.itemRenderer.data;
if (dataObj.hasOwnProperty("src")) {
swfLoader.source = dataObj.src;
} else if (t.dataDescriptor.isBranch(t.selectedItem)) {
swfLoader.source = null;
panel.status = "";
}
}
// tree中配置属性执行函数labelFunction="tree_labelFunc"
private function tree_labelFunc(item:Object):String {
var suffix:String = "";
if (tree.dataDescriptor.isBranch(item)) {
suffix = " (" + item.children.length + ")";
}
return item.label + suffix;
}
private function swfLoader_complete(evt:Event):void {
panel.status = (swfLoader.bytesTotal/1024).toFixed(2) + 'KB';
}
]]>
</mx:Script>
<mx:XML id="dp" source="data/dp.xml" />
<mx:HDividedBox width="100%" height="100%">
<mx:Panel width="200" height="100%">
<mx:Tree id="tree"
dataProvider="{switchObj}"
labelField="label"
labelFunction="tree_labelFunc"
showRoot="true"
width="100%"
height="100%"
itemClick="tree_itemClick(event);" />
</mx:Panel>
<mx:Panel id="panel"
width="100%"
height="100%"
backgroundColor="white">
<mx:SWFLoader id="swfLoader"
scaleContent="true"
width="100%"
height="100%"
complete="swfLoader_complete(event);" />
<mx:ControlBar>
<mx:LinkButton label="{swfLoader.source.toString()}" />
</mx:ControlBar>
</mx:Panel>
</mx:HDividedBox>
</mx:Application>
分享到:
相关推荐
Flex Tree组件是Adobe Flex框架中的一个关键元素,用于在用户界面上展示层次结构的数据。它在各种应用程序中广泛使用,特别是在需要展现具有嵌套结构的数据时,如文件系统、组织结构或者复杂的分类信息。让我们深入...
Flex Tree是Adobe Flex框架中的一个组件,用于展示层次结构数据,如文件系统、组织结构或任何其他具有层级关系的数据。本教程将深入讲解Flex Tree组件的使用方法和关键概念,帮助开发者更好地理解和应用这一功能强大...
在Flex编程环境中,Tree组件是一种常用的用户界面元素,它用于展示层次结构的数据。在这个特定的场景中,我们关注的是在Flex Tree中集成复选框功能,这为用户提供了一种直观的方式来选择或操作树形结构中的多个节点...
2. **设置Tree数据源**:将数据模型绑定到Tree的数据Provider上,这样每个树节点就对应了一个数据对象。 3. **自定义树节点渲染器**:为了显示Checkbox,我们需要为Tree组件创建一个自定义的渲染器。这个渲染器除了...
Flex Tree 是一种在Adobe Flex框架中用于展示层次结构数据的组件。它允许用户通过节点来探索和操作数据,而Checkbox的引入则为用户提供了一种多选功能,使得用户可以选择多个树节点。在“Flex Tree 中Checkbox”的...
Flex,作为ActionScript 3.0的开发框架,常用于构建富互联网应用程序(RIA),与服务器端进行数据交互时,JSON作为一种高效的数据交换格式,起到了关键作用。 在Flex中,为了实现JSON的序列化和反序列化,开发者...
在给定的资源中,“flex解析json的swc包(entity-flex-v1-02)及例子”显然提供了用于在Flex应用中处理JSON数据的库。SWC是Adobe Flex的库文件格式,它包含了编译后的ActionScript代码和相关的元数据,可以被其他Flex...
Flex Tree 是Adobe Flex框架中的一个组件,用于展示层次结构数据,通常以树形结构呈现。在实际应用中,用户可能需要快速找到特定的树节点,这正是"Flex Tree快速定位树结点"这一功能的核心所在。它允许用户通过输入...
2. **JSON(JavaScript Object Notation)与XML(Extensible Markup Language)**:两种常用的数据交换格式,在Flex应用中用于客户端与服务器间的数据传输。 3. **互操作性**:Flex与JSON、XML之间的数据交换和处理...
ArrayCollection可以通过JSON或XML格式的数据进行初始化。 XML数据源在Flex中广泛使用,因为它的结构清晰,易于解析和操作。要将ArrayCollection转换为XML,我们可以利用Flash的内置类`XMLList`和`XML`。例如,如果...
在Flex编程中,Tree控件是一种常用的用户界面元素,它用于显示层次结构的数据。这个“flex tree控件”主题主要关注如何自定义Tree控件的外观,特别是如何去掉默认的图标并添加线连接来增强视觉效果。下面我们将深入...
除了基本的解析和序列化功能,`JSON`类还提供了一些额外的方法,如`decode()`和`encode()`,它们在某些情况下可能更适用于特定的JSON数据格式。同时,Flex还支持自定义JSON序列化和反序列化的策略,通过实现`...
在Flex中,处理JSON(JavaScript Object Notation)数据通常需要一个专门的库来序列化和反序列化JSON对象。 描述中的“博文链接:https://lec-zhao.iteye.com/blog/2189228” 提到了一个ITEYE博客文章,虽然具体...
1. **数据格式化**:后端服务器(如ASP.NET)处理数据库查询结果,并将其转换为XML格式。 2. **数据传递**:将生成的XML文件发送到前端,供Flex Tree组件加载使用。 3. **数据渲染**:Flex Tree组件解析XML文件,并...
在Flex编程环境中,Tree组件是一种常用的用户界面元素,它用于展示层次结构的数据。当我们需要自定义Tree中的节点图标时,可能会遇到如何根据数据源动态改变图标的问题。标题"flex tree 修改icon方法"正好指出了这一...
Flex Tree控件是一种用于展示层次结构数据的UI组件,它允许用户通过节点展开和折叠来探索数据。在Flex中,为了增加更多的交互性,我们有时需要在Tree的每个节点前添加复选框(checkbox),这使得用户能够进行多选...
在Flex中,Tree组件是用于显示层次结构数据的控件,而"flex带复选框的tree"(Flex CheckboxTree)则是对Tree组件的一种扩展,增加了复选框功能,用户可以对树形结构的节点进行选择或全选操作,常用于权限管理、配置...