flex tree

转自：http://waston.plter.com/?p=5

Flex中Tree的用法备忘（增删改查节点）
Posted By waston on 2010 年 07 月 16 日

<?xml version=”1.0″ encoding=”utf-8″ ?>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml” layout=”absolute” creationComplete=”doInit()” fontSize=”15″>
<mx:HDividedBox right=”5″ left=”5″ bottom=”5″ top=”114″>
<mx:TextArea height=”100%” width=”100%” wordWrap=”false” id=”textarea”>
<mx:text>
<![CDATA[
<node label="菜单">
<node label="瑰姿艳逸"/>
<node label="气若幽兰"/>
<node label="华容婀娜"/>
<node label="翩若惊鸿"/>
<node label="其他">
<node label="婉若游龙"/>
<node label="荣曜秋菊"/>
<node label="华茂春松">
<node label="明眸善睐"/>
<node label="腰如约素"/>
<node label="瑰姿艳逸"/>
</node>
</node>
</node>

]]>
</mx:text>
</mx:TextArea>
<mx:Tree width=”100%” height=”100%” labelField=”@label” id=”tree” change=”onChange()” allowMultipleSelection=”true” />
</mx:HDividedBox>
<mx:Button x=”10″ y=”10″ label=”设置Tree的Model” click=”refresh1()” />
<mx:Script>
<![CDATA[
import mx.controls.Alert;
import flash.utils.setTimeout;
import mx.collections.*;
private function onChange():void {
if(tree.selectedItem!=null) {
var xml:XML=tree.selectedItem as XML;
addText.text=xml.@label;
}
}
private function doInit():void {
refresh1();
}
private function refresh1():void {
var list:XMLList=null;
try {
list=new XMLList(textarea.text);
} catch (e:Error) {
Alert.show("xml模型非法");
}
if(list!=null) {
tree.dataProvider=list;
tree.validateNow();
setTimeout(expandAll,100);
}
}
private function expandAll():void {
tree.selectedIndex=0;
//trace(tree.selectedIndex);
if(tree.selectedItem!=null) {
//trace(tree.selectedItem);
tree.expandChildrenOf(tree.selectedItem,true);
}
}
private function addAfter():void {
var xml:XML=tree.selectedItem as XML;
var text:String=addText.text;
if(xml!=null && text.length>0) {
var parent:XML=xml.parent();
if(parent!=null) {
var child:XML=new XML("<node label=\"\"/>");
child.@label=text;
parent.insertChildAfter(xml,child);
} else {
Alert.show("不能选中根节点");
}
} else {
Alert.show("需要先选中节点和填入文字");
}
}
private function addBefore():void {
var xml:XML=tree.selectedItem as XML;
var text:String=addText.text;
if(xml!=null && text.length>0) {
var parent:XML=xml.parent();
if(parent!=null) {
var child:XML=new XML("<node label=\"\"/>");
child.@label=text;
parent.insertChildBefore(xml,child);
} else {
Alert.show("不能选中根节点");
}
} else {
Alert.show("需要先选中节点和填入文字");
}
}
private function addSub():void {
var xml:XML=tree.selectedItem as XML;
var text:String=addText.text;
if(xml!=null && text.length>0) {
var child:XML=new XML("<node label=\"\"/>");
child.@label=text;
xml.appendChild(child);
tree.expandChildrenOf(xml,true);
} else {
Alert.show("需要先选中节点和填入文字");
}
}
private function delSel():void {
var xml:XML=tree.selectedItem as XML;
if(xml!=null) {
var list:Array=tree.selectedItems as Array;
for(var k:int=0;k<list.length;k++) {
xml=list[k] as XML;
var parent:XML=xml.parent();
if(parent!=null) {
var children:XMLList=parent.children();
for(var i:int=0;i<children.length();i++) {
if(children[i]==xml) {
delete children[i];
break;
}
}
} else {
Alert.show(“不能选中根节点”);
}
}
} else {
Alert.show(“需要先选中节点”);
}
}
private function modifyLabel():void {
var xml:XML=tree.selectedItem as XML;
var text:String=addText.text;
if(xml!=null && text.length>0) {
xml.@label=text;
} else {
Alert.show(“需要先选中节点”);
}
}
private function selAll():void {
var text:String=searchText.text;
if(text.length>0) {
var items:Array=[];
var list:XMLList=new XMLList();
list[0]=tree.dataProvider[0];
searchItems(list,text,items);
tree.selectedItems=items;
} else {
Alert.show(“输入查找的文字”);
}
}
private function searchItems(list:XMLList,find:String,items:Array):void {
for(var i:int=0;i<list.length();i++) {
var one:XML=list[i];
var label:String=one.@label;
if(label!=null && label.indexOf(find)>=0) {
items.push(one);
}
searchItems(one.children(),find,items);
}
}


]]>
</mx:Script>
<mx:Label x=”10″ y=”46″ text=”增加节点:” />
<mx:TextInput x=”90″ y=”44″ width=”127″ id=”addText” />
<mx:Button x=”225″ y=”44″ label=”增加为弟” click=”addAfter()” />
<mx:Button x=”323″ y=”44″ label=”增加为哥” click=”addBefore()” />
<mx:Button x=”421″ y=”44″ label=”增加为孩子” click=”addSub()” />
<mx:Button x=”193″ y=”10″ label=”删除选中节点” click=”delSel()” />
<mx:Button x=”563″ y=”44″ label=”修改标签” click=”modifyLabel()” />
<mx:TextInput x=”124″ y=”76″ width=”127″ id=”searchText” text=”华” />
<mx:Text x=”259″ y=”78″ text=”的节点” />
<mx:Button x=”10″ y=”76″ label=”选中包含：” click=”selAll()” />
</mx:Application>