flex tree 节点的添加、删除

爱被打了一巴掌 2022-08-09 06:15 135阅读 0赞

<table style="width: 100%; table-layout: fixed;"> 
 <tbody> 
 <tr> 
 <td> 
 <div> 
 &lt;?xml version="1.0" encoding="utf-8"?&gt; 
 &lt;mx:Canvas xmlns:mx="<a href="http://www.adobe.com/2006/mxml" rel="nofollow">http://www.adobe.com/2006/mxml</a>" xmlns:flexlib="<a href="http://code.google.com/p/flexlib/" rel="nofollow">http://code.google.com/p/flexlib/</a>" width="100%" height="100%" &gt; &lt;mx:Style&gt; &nbsp;&nbsp; .datagridStyle &nbsp;&nbsp; { &nbsp;&nbsp;&nbsp;&nbsp; alternatingItemColors: #666666, #666666; &nbsp;&nbsp;&nbsp;&nbsp; rollOverColor: #ff9933; &nbsp;&nbsp;&nbsp;&nbsp; textRollOverColor: #000000; &nbsp;&nbsp;&nbsp;&nbsp; selectionColor: #ff6600; &nbsp;&nbsp;&nbsp;&nbsp; color: #ffffff; &nbsp;&nbsp;&nbsp;&nbsp; textSelectedColor: #0b333c; &nbsp;&nbsp; } &nbsp;&nbsp; &nbsp;&nbsp; .dataGridHeader &nbsp;&nbsp; { &nbsp;&nbsp;&nbsp; color: #000000; &nbsp;&nbsp; } &lt;/mx:Style&gt; &nbsp;&nbsp;&nbsp;&nbsp; &lt;mx:Script&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;![CDATA[ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; public var str:String; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; public function set Str_par(str:String ){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.str=str; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; import compnent.reporting.group_manager.vo.TreeGridSampleVO; &nbsp;&nbsp;&nbsp; import mx.collections.ArrayCollection; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; import mx.controls.Alert; &nbsp;&nbsp; private var xml:XML; &nbsp;&nbsp; private var MNum:int = 0; &nbsp;&nbsp; private var ANum:int = 0; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; public var i:int = 0; &nbsp;&nbsp; [Bindable] &nbsp;&nbsp; private var _xmldata:XML = &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;stage&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;AllNode id="0" label="总节点"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/AllNode&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/stage&gt; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; //添加 &nbsp;&nbsp; private function addNode():void &nbsp;&nbsp; { &nbsp;&nbsp;&nbsp; //判断选择的是否是Node节点 &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if( xml.length() &gt; 0 ) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; MNum ++; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var _XML:XML = &lt;Node label="子节点" &gt;&lt;/Node&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="mailto:_XML.@label" rel="nofollow">_XML.@label</a> = "子节点"+MNum; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; xml.appendChild(_XML); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Alert.show(xml); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; } &nbsp;&nbsp; &nbsp;&nbsp; //删除 &nbsp;&nbsp; private function removeNode():void &nbsp;&nbsp; { &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if(!myTree.selectedItem.parent().hasOwnProperty("AllNode")){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; myTree.dataDescriptor.removeChildAt(myTree.selectedItem.parent(),myTree.selectedItem,myTree.selectedItem.childIndex(),myTree.dataProvider); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }else{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Alert.show("不能删除根节点","系统提示"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; } &nbsp;&nbsp; &nbsp;&nbsp; /******选择tree节点事件********/ &nbsp;&nbsp; private function treeChanged(e:Event):void &nbsp;&nbsp; { &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; xml = e.currentTarget.selectedItem as XML; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; //&nbsp;&nbsp; Alert.show(str); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // Alert.show(datatree.); &nbsp;&nbsp; } &nbsp;&nbsp;&nbsp; ]]&gt; &nbsp;&nbsp;&nbsp; &lt;/mx:Script&gt; &nbsp;&nbsp;&nbsp; &lt;mx:XMLListCollection id="datatree" source="{_xmldata.children()}" /&gt; &nbsp;&nbsp;&nbsp; &lt;mx:VBox width="100%" height="100%"&gt; &nbsp;&nbsp;&nbsp; &lt;mx:HBox width="100%" height="5%" &gt; &nbsp;&nbsp;&nbsp;&nbsp; &lt;mx:Label text="业务分组管理" fontSize="14" /&gt; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/mx:HBox&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;mx:ViewStack id="myViewStack" borderStyle="solid" width="100%" height="80%" color="0x323232"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;mx:VBox width="100%" height="100%"&gt; &nbsp;&nbsp;&nbsp; &lt;mx:HBox width="100%" height="90%" &gt; &nbsp;&nbsp;&nbsp;&nbsp; &lt;mx:Tree&nbsp;&nbsp; id="myTree" width="100%" height="100%" labelField="@label" styleName="datagridStyle" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; change="treeChanged(event)"&nbsp;&nbsp; showRoot="false" dataProvider="{datatree}" doubleClickEnabled="true"&nbsp;&nbsp; backgroundAlpha="0.1" disclosureClosedIcon="@Embed(source='../assets/tree_openNode.png')" disclosureOpenIcon="@Embed(source='../assets/tree_closeNode.png')"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/mx:Tree&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/mx:HBox&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &lt;mx:HBox width="100%" height="10%" paddingLeft="450"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &lt;mx:Button label="添加" click="addNode()" /&gt; &nbsp;&nbsp;&nbsp;&nbsp; &lt;mx:Button label="修改"/&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;mx:Button label="删除" click="removeNode()"/&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &lt;/mx:HBox&gt; &nbsp;&nbsp;&nbsp; &lt;/mx:VBox&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp; 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/mx:ViewStack&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/mx:VBox&gt; &lt;/mx:Canvas&gt; 
 </div> </td> 
 </tr> 
 </tbody> 
</table>