Flex中如何阻止用户点击选中Tree中任何节点的例子

By Minidxer | February 27, 2009

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

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

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

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white"
creationComplete="init();">
<mx:Script>
<![CDATA[
import mx.events.ListEvent;
private function init():void {
tree.openItems = dp..node;
}
private function tree_itemClick(evt:ListEvent):void {
var item:Object = evt.currentTarget.selectedItem;
var nonSelectable:Boolean = ((item.hasOwnProperty("@clickable")) && (item.(@clickable == "false")));
if (nonSelectable) {
tree.selectedItem = null;
}
}
]]>
</mx:Script>
<mx:XML id="dp">
<root>
<node label="Parent 1 (X)" clickable="false">
<node label="Child 1 (X)" clickable="false" />
<node label="Child 2 (X)" clickable="false">
<node label="Grandchild 1" />
<node label="Grandchild 2" />
</node>
<node label="Child 3 (X)" clickable="false" />
<node label="Child 4" />
</node>
</root>
</mx:XML>
<mx:Tree id="tree"
dataProvider="{dp}"
showRoot="false"
labelField="@label"
width="200"
itemClick="tree_itemClick(event);" />
</mx:Application>

代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: Tree | No Comments » | 1,313 views Tags: hasownproperty, itemClick, selectedItem, Tree.

中文Flex例子