Flex中如何通过itemClick事件阻止用户点击选中Tree的某一分支节点的例子

By Minidxer | February 25, 2009

接下来的例子演示了Flex中如何通过itemClick事件,阻止用户点击选中Tree的某一分支节点。

让我们先来看一下Demo可以右键View Source或点击这里察看源代码):


下面是完整代码(或点击这里察看):

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="vertical"
  4.         verticalAlign="middle"
  5.         backgroundColor="white">
  6.  
  7.     <mx:Script>
  8.         <![CDATA[
  9.             import mx.events.ListEvent;
  10.  
  11.             private function tree_itemClick(evt:ListEvent):void {
  12.                 var item:Object = evt.currentTarget.selectedItem
  13.                 if (tree.dataDescriptor.isBranch(item)) {
  14.                     tree.selectedItem = null;
  15.                 }
  16.             }
  17.         ]]>
  18.     </mx:Script>
  19.  
  20.     <mx:XML id="dp">
  21.         <root>
  22.             <node label="Parent 1">
  23.                 <node label="Child 1" />
  24.                 <node label="Child 2">
  25.                     <node label="Grandchild 1" />
  26.                     <node label="Grandchild 2" />
  27.                 </node>
  28.                 <node label="Child 3" />
  29.                 <node label="Child 4" />
  30.             </node>
  31.         </root>
  32.     </mx:XML>
  33.  
  34.     <mx:Tree id="tree"
  35.             dataProvider="{dp}"
  36.             showRoot="false"
  37.             labelField="@label"
  38.             width="200"
  39.             itemClick="tree_itemClick(event);" />
  40.  
  41. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

Topics: Tree | 1 Comment » | 1,674 views Tags: , , , ,

Search Posts