/*=========flex tree的展开,关闭,添加、删除子节点=========*/
/*=========因为用的静态数据,所以并没有真正的删除=========*/
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:ns1="flexlib.controls.*" xmlns:ns2="flexlib.containers.*" width="100%" height="100%" xmlns:commont="commont.*">
<mx:Tree x="10" y="10" width="199" height="327" labelField="@label" id="tree"
creationComplete="load()" fontSize="14"></mx:Tree>
<mx:XMLList id="treeData">
<node label="Mail Box" id="1">
<node label="Inbox" id="101">
<node label="Marketing" id="10101"/>
<node label="Product Management" id="10102"/>
<node label="Personal" id="10103"/>
</node>
<node label="Outbox" id="2">
<node label="Professional" id="201"/>
<node label="Personal" id="202"/>
</node>
<node label="Spam" id="3"/>
<node label="Sent" id="4"/>
</node>
</mx:XMLList>
<mx:Script>
<![CDATA[
import mx.controls.Alert;
//加载树数据源
private function load():void{
tree.dataProvider=treeData;
}
//展开所有节点
private function expandAll():void{
tree.expandChildrenOf(tree.selectedItem,true);
}
//关闭所有节点
private function closeAll():void{
tree.openItems=[];
}
//添加子节点
private function addNode():void{
var xml:XML=tree.selectedItem as XML;
xml.appendChild("hello");
}
//删除子节点
private function delNode():void{
tree.dataDescriptor.removeChildAt(tree.selectedItem.parent(),tree.selectedItem,tree.selectedItem.childIndex(),tree.dataProvider);
}
]]>
</mx:Script>
<mx:Button x="242" y="28" label="添加节点" fontSize="14" click="addNode()"/>
<mx:Button x="242" y="69" label="删除节点" fontSize="14" click="delNode()"/>
<mx:Button x="242" y="115" label="展开节点" fontSize="14" click="expandAll()"/>
<mx:Button x="242" y="156" label="收回节点" fontSize="14" click="closeAll()"/>
</mx:Application>
Tree.dataDescriptor 这个属性很重要,学习了
分享到:
相关推荐
flex中利用tree中的子节点与自定义组件实现的在同一页面中实现导航
项目开发中经常需要展开并选择滚动到特定节点,网上也有很多人发帖求方法,特写了一个满足该需要的demo,供参考。
flex tree 拖拽,flex tree 节点移动。
flex tree 复选框,以及父目录的三种状态。(全部选中,部分选中,没有选中)
flex tree 教程二
在原来flex的Tree组件上添加复选框CheckBox
里面收集了一些Flex的tree控件的用法和实例的源代码
Flex Tree 刷新数据源后,重新打开指定节点的解决方案,不需要延迟等其他手段
flex tree+checkbox可实现级联勾选
flex 修改 tree的icon,根据数据源root 中不同的参数修改不同的图片。
本资源中包括Tree的文件和Tree的渲染文件(Checkbox),实现功能为点击树不获取值(也可以获取,改变一个变量即可),只有勾选Checkbox才能得到。并添加到集合中
去掉flex tree控件默认的图标并加上线连接。
flex带复选框的tree,包含源代码,需要用到的朋友请下载
在网上找到了关于flex 的tree在前面加上checkbox, 我经过改动, 现在很适合使用。
flex tree+checkbox可实现级联勾选 修改后 修改CheckTreeDemoRenderer.as这个文件中 while (!cursor.afterLast){ if (cursor.current.@state == STATE_CHECKED) { noChecks++; }else if (cursor.current.@state =...
Flex Tree增加虚线连接,绘制虚线连接样式
快速定位输入结点名称,点击“检索”后打开树中对应结点
NULL 博文链接:https://zenoh.iteye.com/blog/982263
NULL 博文链接:https://zwnjava.iteye.com/blog/603835
flex tree 自动显示横向滚动条 自定义重写