Flex中如何利用showRoot属性控制Tree控件显示根节点与否的例子

By Minidxer | December 26, 2008

接下来的例子演示了Flex中如何利用showRoot属性，控制Tree控件显示根节点与否。

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


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

Download: main.mxml
  1. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  2.         layout="vertical"
  3.         verticalAlign="middle"
  4.         backgroundColor="white">
  5.  
  6.     <mx:XML id="xmlDP">
  7.         <root label="root">
  8.             <child1 label="child1a">
  9.                 <child2 label="child2a" />
  10.                 <child2 label="child2b">
  11.                     <child3 label="child3b" />
  12.                 </child2>
  13.                 <child2 label="child2c" />
  14.             </child1>
  15.             <child1 label="child1b" />
  16.         </root>
  17.     </mx:XML>
  18.  
  19.     <mx:ApplicationControlBar dock="true">
  20.         <mx:CheckBox id="checkBox"
  21.                 label="showRoot:"
  22.                 labelPlacement="left"
  23.                 selected="true" />
  24.     </mx:ApplicationControlBar>
  25.  
  26.     <mx:HDividedBox width="100%">
  27.         <mx:Tree id="tree"
  28.                 dataProvider="{xmlDP}"
  29.                 labelField="@label"
  30.                 showRoot="{checkBox.selected}"
  31.                 width="100%"
  32.                 rowCount="7" />
  33.  
  34.         <mx:TextArea id="textArea"
  35.                 editable="false"
  36.                 text="{xmlDP.toXMLString()}"
  37.                 width="100%"
  38.                 height="100%" />
  39.     </mx:HDividedBox>
  40.  
  41. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: Tree | No Comments » | Tags: , ,

你可能还对下列文章感兴趣:

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll