Flex中Tree的用法備忘(增刪改查節點)

<?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>


 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章