`
tmj_159
  • 浏览: 707455 次
  • 性别: Icon_minigender_1
  • 来自: 永州
社区版块
存档分类
最新评论

mx:Tree 打开所有节点

    博客分类:
  • flex
阅读更多

      用flex  做项目的时候需要用到Tree打开所有节点的功能,API上只提供打开单个节点的,GOOGLE未果后,自己动手尝试写了个方法。

 

场景:进入页面的时候打开所有节点。数据格式为XML,其它类型没有验证。

 

代码如下:其中deviceTree为树组件的ID

 

private function expandTree():void
{
	for each (var item:XML in deviceTree.dataProvider)
	{
		deviceTree.expandItem(item, true);
		expandTreeChildren(item);
	}
}

private function expandTreeChildren(item:XML):void
{
	if (item.children().length() > 0)
		for each (var child:XML in item.children())
		{
			deviceTree.expandItem(child, true);
			expandTreeChildren(child);
		}
}

 

flex 代码

<mx:Tree x="27"
	y="10"
	width="225"
	labelField="@path"
 	dataProvider="{deviceData}"
	id="deviceTree"
	creationComplete="expandTree()"
	itemRenderer="util.tree.MyTreeItemRenderer"
	 height="445">
</mx:Tree>
 
分享到:
评论

相关推荐

    Flex使用<mx:Tree>控件创建树(可添加和删除节点)

    例如,监听`itemClick`事件添加或删除节点: ```xml &lt;mx:Tree id="myTree" dataProvider="{treeData}" itemClick="handleItemClick(event)" /&gt; ``` 在对应的ActionScript文件中定义`handleItemClick`函数: ```...

    flex 树状图

    ItemRenderer是AS3类,负责渲染Tree节点的内容。我们可以重写render()方法,添加自己的UI元素,如图标、颜色等,以达到图例清新、结构清晰的效果。 ```actionscript &lt;mx:Tree id="treeTree" width="100%" height=...

    flex tree 教程二

    ItemRenderer是负责绘制单个Tree节点的组件。在MXML中指定`itemRenderer`属性即可。 4. **事件处理**:Tree组件支持多种事件,如`itemClick`(点击节点时触发)、`expand`(节点展开时触发)和`collapse`(节点折叠...

    构造flex3.5的带复选框的树(CheckBoxTree)

    在Flex 3.5开发中,我们经常遇到需要创建具有交互性和可视复杂性的用户界面,其中一个常见的需求就是构建一个带有复选框的树形结构,也就是所谓的“复选框树”(CheckBoxTree)。这样的控件允许用户通过复选框来选择或...

    第十五节Tree树形菜单组件运用.docx

    - **源代码视图**:在源代码窗口中,你会看到 `&lt;mx:Tree&gt;` 标签,虽然它基于 mx 框架,但融入了 Spark 概念,因此称为“混血儿”组件。 - **数据绑定**:在 Flex 4.5 及以后版本,许多数据容器不再直接支持简单的...

    Flex tree的用法

    - **创建Tree组件**: 在Flex中,你可以通过在MXML或ActionScript中定义`mx.controls.Tree`组件来创建Tree。 - **数据提供**: Tree需要数据提供者来显示数据。你可以使用ArrayCollection或XMLListCollection作为...

    用ArrayCollection当做flex中Tree控件的DataProvider

    &lt;mx:Tree dataProvider="{treeData}" /&gt; ``` 在这个例子中,`children`属性表示子节点集合,通过递归的方式可以构建任意深度的树结构。`label`属性用于显示在`Tree`控件中。 配置完成后,`Tree`控件会自动根据`...

    flex Tree xml

    trace("点击了节点:", currentNode.label); // 其他操作... } ``` 此外,还可以自定义节点的样式、展开/折叠状态等,通过设置Tree组件的属性和样式。例如,如果想要默认展开所有节点,可以这样做: ```...

    flex tree checkbox

    在Flex中添加复选框到Tree节点,通常需要自定义TreeItemRenderer。ItemRenderer是Flex提供的一种机制,允许开发者为UIComponent的每个项提供自定义的显示方式。对于TreeChk项目,我们可能需要创建一个新的MXML或...

    flex tree控件

    4. 添加线连接节点: 要在Tree控件中添加线连接节点,一种方法是利用图形组件(如Line或Shape)在节点之间画线。这需要在itemRenderers中进行编程,根据当前渲染的节点和其父节点的位置计算线条的起点和终点。另一...

    flex 树结构的列表

    &lt;mx:DataGridColumn headerText="节点" dataField="label"/&gt; &lt;!-- 自定义展开/折叠列 --&gt; &lt;mx:DataGridColumn width="20"&gt; &lt;mx:itemRenderer&gt; &lt;!-- 实现展开/折叠的自定义渲染器 --&gt; &lt;/mx:itemRenderer&gt; &lt;/mx...

    flex advancedDataGrid 中如何实现带checkbox的树

    这通常需要监听AdvancedDataGrid的`itemClick`事件,根据当前选中状态来遍历数据源,更新所有相关节点的选中状态。 7. **Grouping和排序**: 如果需要对数据进行分组或排序,可以利用AdvancedDataGrid的`...

    CheckBoxTree.zip

    `selectedItems`属性返回当前选中的所有节点。 6. 配置设置:还可以配置其他属性,如`toggleMode`(决定点击节点时是否自动切换选中状态)、`useCheckboxes`(开启或关闭复选框显示)等。 7. HTML模板:`....

    Flex Tree组件的实线连接线

    Tree组件是基于mx.controls.treeClasses.TreeItemRenderer类来渲染每个节点的。默认的渲染器提供了基本的样式和交互,但并不支持自定义连接线样式。因此,我们需要创建自定义的TreeItemRenderer,以便覆盖默认的线条...

    flex iFrame的tree控件连接到相应的网页

    4. 数据集定义:定义一个数据集(ArrayCollection或其他类型),包含要显示在Tree中的所有节点信息,包括节点文本和对应的URL。 ```actionscript var myDataProvider:ArrayCollection = new ArrayCollection([ {...

    flex 中tree渲染checkbox

    为了支持多选,我们还需要在Tree组件或外部代码中提供一个方法来跟踪所有选中的节点。可以通过遍历数据提供者并检查每个节点的selected属性来实现。此外,可以添加全选/全不选的按钮,或者提供一个快捷键来切换所有...

    flex带复选框的tree,flex checkboxtree

    可能有一个自定义的CheckBoxTree类,继承自mx.controls.Tree,并添加复选框功能。ActionScript中会定义节点的状态管理、事件处理函数等。 3. 数据结构:CheckboxTree的数据源通常是一个数据结构,如ArrayCollection...

    flex tree+checkbox级联勾选

    如果开启了反向级联,即父节点的状态取决于所有子节点,那么还需要检查子节点的选中情况来调整父节点的状态。 6. **同步Tree视图**:最后,为了使改变立即体现在界面上,需要调用Tree的validateNow()方法来刷新视图...

    用flex做一个树

    你可以监听这些事件来响应用户的操作,例如展开、折叠或选择节点: ```actionscript &lt;fx:Script&gt; &lt;![CDATA[ private function handleItemClick(event:Event):void { var selectedNode:XML = myTree.selectedItem...

    i.MX8_5.4.24_kernel.pdf

    - `/`:根节点,所有其他节点的父节点。 - `compatible`:指定该节点兼容的设备类型。 - `status`:设备的状态,如`okay`表示正常工作。 - `interrupt-parent`:中断控制器节点。 - `interrupts`:指定设备的...

Global site tag (gtag.js) - Google Analytics