Flex中如何利用defaultLeafIcon样式去掉Tree叶子节点图标的例子

最新推荐文章于 2023-12-01 10:00:27 发布

最新推荐文章于 2023-12-01 10:00:27 发布 · 107 阅读

文章标签：

#Flex #XML #Adobe #Blog #HTML

本文介绍如何使用Flex中的Tree组件，并通过设置defaultLeafIcon样式去除叶子节点图标，提供了一个实际的代码示例。

接下来的例子演示了Flex中如何利用defaultLeafIcon样式，去掉Tree叶子节点图标。

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

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

Download: main.mxml<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">

<mx:XML id="dp">
<mlb>
<league label="American League">
<division label="East">
<team label="Boston" />
<team label="New York" />
<team label="Toronto" />
<team label="Baltimore" />
<team label="Tampa Bay" />
</division>
<division label="Central">
<team label="Cleveland" />
<team label="Detroit" />
<team label="Minnesota" />
<team label="Chicago" />
<team label="Kansas City" />
</division>
<division label="West">
<team label="Los Angeles" />
<team label="Seattle" />
<team label="Oakland" />
<team label="Texas" />
</division>
</league>
</mlb>
</mx:XML>

<mx:Style>
Tree {
defaultLeafIcon: ClassReference(null);
}
</mx:Style>

<mx:Tree id="tree"
dataProvider="{dp.league}"
labelField="@label"
iconField="@icon"
showRoot="true"
width="320"
rowCount="9" />

</mx:Application>

本文转自:http://blog.minidx.com/2009/03/07/2249.html