本人用的是blazeds进行flex与java通信的,昨天研究了一天的树绑定,有用arraycollection来绑定,但这需要java端arraylist的时候每一个子节点必须加一个children,感觉很繁琐,还有就是直接在java端生成xml字符串,传至flex端进行强制转换成xml与tree绑定。前奏就不必多说,直奔主题:
首先介绍本人数据表的设计,
name,level
成都 1
武侯区 1.1
青羊区 1.2
锦江区 1.3
金牛区 1.4
成华区 1.5
上东锦城 1.3.1这样设计表结构的目的就是为了一次性查询出树的所有节点信息,且排序直接生成树
java代码:
StringBuffer sb = new StringBuffer();
int i = -1;
try {
//查找该节点下所有子节点
List<Contactgroup> list = contactgroupDao.findByHql(ContactgroupDao.FIND_BY_LEVEL, level + "%");
for(Contactgroup group : list) {
int j = group.getLevel().split("\\.").length;
if( j > i){
sb.append("<item name=\""+group.getGngName()+"\" value=\""+group.getLevel()+"\">\n");
}else{
for(int k = -1;k < i - j;k++){
sb.append("</item>\n");
}
sb.append("<item name=\""+group.getGngName()+"\" value=\""+group.getLevel()+"\">\n");
}
i = j;
}
//最后一个j为0
for(int m = 0;m < i;m++){
sb.append("</item>\n");
}
} catch (Exception e) {
e.printStackTrace();
}
return sb.toString();
里面的循环我相信程序猿都能看懂吧!
我查询按照level来排序,查询结果:
name, level
成都 1
武侯区 1.1
青羊区 1.2
锦江区 1.3
上东锦城 1.3.1
金牛区 1.4
成华区 1.5
这样以来一目了然了吧,直接按顺序生成树!
flex端:
Java代码
<mx:Script>
<![CDATA[
public function loadTree():void{
this.contactAction.findSubgroup("1");
}
public function findSubgroupResult(e:ResultEvent):void{
var arr:XMLList=XMLList(e.result);//把结果转化成XMLList
this.tree.dataProvider=arr;
}
//展开树
private function tree_itemClick(evt:ListEvent):void {
var item:Object = Tree(evt.currentTarget).selectedItem;
if (tree.dataDescriptor.isBranch(item)) {
tree.expandItem(item, !tree.isItemOpen(item), true);
}
Alert.show(item.@value);
}
]]>
</mx:Script>
<mx:Tree id="tree"
itemClick="tree_itemClick(event);"
labelField="@name"
labelFunction="tree_labelFunc"
creationComplete="loadTree()"
top="30" bottom="0" left="0" width="142"
backgroundColor="#FDFDFD" />
相关推荐
通过以上步骤,你就能在Flex中创建一个由XML数据驱动的动态树形控件了。这种方式灵活且易于维护,特别适合处理层次结构复杂的数据。不过,实际应用中还需要考虑错误处理、数据刷新、异步加载优化等问题,以提供更...
3. 数据结构:CheckboxTree的数据源通常是一个数据结构,如ArrayCollection或XML,包含了树形结构的数据。每个节点可能包含一个标识符、文本、子节点列表,以及一个表示是否选中的布尔值。 在提供的压缩包文件中,...
Flex Tree组件是Adobe Flex框架中的一个关键元素,用于在用户界面上展示层次结构的数据。它在各种应用程序中广泛使用,特别是在需要展现具有嵌套结构的数据时,如文件系统、组织结构或者复杂的分类信息。让我们深入...
描述:此代码示例展示了如何在Flex应用程序中使用XML数据来动态生成一个树形结构(Tree)。Flex是Adobe Systems开发的一款开源框架,用于构建跨平台的桌面和移动设备应用。这段代码通过HTTPService组件从外部XML文件...
同时,对于Array和Object数据源,你可能需要创建一个自定义的类来封装数据,以便在创建ArrayCollection时使用。 此外,Tree组件还支持数据提供者的变化监听,这样当数据改变时,Tree会自动更新。你可以通过添加`...
在"TreeExample"中,我们可以预期看到一个XML文件被解析,并用其内容来构建Tree组件的节点。 二、创建XML数据 XML数据通常以文档形式存在,每个节点代表一个层次,子节点表示下级层次。例如,一个简单的XML结构...
首先,我们需要创建一个XML文档,用于存储树结构的数据。例如: ```xml <tree> 父节点1"> 子节点1.1"/> 子节点1.2"> 孙子节点1.2.1"/> 父节点2"/> </tree> ``` 在Flex中,我们可以使用`mx:Tree`组件来...
Flex Tree是Adobe Flex框架中的一个组件,用于展示层次结构数据,如文件系统、组织结构或任何其他具有层级关系的数据。本教程将深入讲解Flex Tree组件的使用方法和关键概念,帮助开发者更好地理解和应用这一功能强大...
总之,`flex checkboxtree复选树形下拉框`是一个功能强大的交互组件,它涉及到Flex中的树形数据展示、自定义组件、事件处理和XML数据绑定等多个技术点。在`ReportListPage.mxml`中,开发者通过灵活地组合和定制这些...
首先,ArrayCollection是Flex中常用的数据结构,它是一个动态数组,支持数据绑定和事件处理。在处理树形结构的数据时,我们通常会用到它来存储数据。ArrayCollection可以通过JSON或XML格式的数据进行初始化。 XML...
2. **将XML数据绑定到Tree组件**: 要将XML数据绑定到Tree组件,首先需要创建一个Tree视图,然后设置其dataProvider属性。数据提供者通常是一个ArrayCollection,但也可以是XMLListCollection,它能直接从XML对象创建...
总结来说,"flex tree icon"是Flex开发中的一个重要概念,涉及到如何在树形组件中添加和管理图标。通过阅读相关博客、理解源码、使用开发工具以及研究示例项目,开发者可以熟练掌握这一技能,从而提升Flex应用的用户...
在Flex 3.5开发中,我们经常遇到需要创建具有交互性和可视复杂性的用户界面,其中一个常见的需求就是构建一个带有复选框的树形结构,也就是所谓的“复选框树”(CheckBoxTree)。这样的控件允许用户通过复选框来选择或...
Flex4是Adobe Flex框架的一个版本,它引入了许多新特性,增强了UI组件库,使得开发者能够构建更加丰富和交互式的Web应用程序。在这个场景中,我们关注的是如何在Flex4的Tree控件中添加CheckBox,以便用户可以多选树...
总之,这个“flex4Tree组件分层显示数据示例”将演示如何在Flex4环境中创建一个功能完善的Tree组件,包括数据绑定、自定义渲染器、事件处理和优化性能的方法。通过深入研究这个示例,开发者可以更好地理解和掌握在...
AsyncTree是Flex中的一个自定义组件,它允许开发者构建能够异步加载数据的树形结构。这通常用于展示大量数据或者需要动态加载子节点的情况。通过这种方式,可以显著提高应用的性能和用户体验。 ### 二、代码解析 #...
6. 自定义组件:由于Flex的CombBox默认不支持树形结构,你可能需要创建一个自定义组件,扩展CombBox类,然后在其内部嵌入一个Tree组件,通过事件监听和数据绑定实现两者之间的交互。 7. 数据绑定:Flex支持数据绑定...
在Flex开发中,`URLLoader` 是一个非常重要的类,用于加载远程数据,如XML、JSON等。在本示例中,它被用来从服务器获取XML文件并将其内容解析为XML对象,以便在应用程序中使用。`Flex` 是Adobe开发的一个开放源代码...
要将`ArrayCollection`作为`Tree`控件的数据提供者,我们需要创建一个包含层次结构数据的`ArrayCollection`。这可以通过创建嵌套的数组来实现,每个子数组代表树的一个分支,数组中的元素代表该分支下的节点。例如:...
这通常涉及监听鼠标事件,如mousedown,然后创建一个DragObject,包含拖动所需的信息(例如,被拖动的节点数据)。接着,调用DragManager.doDrag方法启动拖放过程。 接着,我们需要为目标区域设置DropTarget。在...