Flex中如何利用folderClosedIcon和folderOpenIcon样式去掉Tree控件默认文件夹图标的例子

By Minidxer | March 7, 2009

接下来的例子演示了Flex中如何利用folderClosedIcon和folderOpenIcon样式，去掉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:XML id="dp">
  8.         <mlb>
  9.             <league label="American League">
  10.                 <division label="East">
  11.                     <team label="Boston" />
  12.                     <team label="New York" />
  13.                     <team label="Toronto" />
  14.                     <team label="Baltimore" />
  15.                     <team label="Tampa Bay" />
  16.                 </division>
  17.                 <division label="Central">
  18.                     <team label="Cleveland" />
  19.                     <team label="Detroit" />
  20.                     <team label="Minnesota" />
  21.                     <team label="Chicago" />
  22.                     <team label="Kansas City" />
  23.                 </division>
  24.                 <division label="West">
  25.                     <team label="Los Angeles" />
  26.                     <team label="Seattle" />
  27.                     <team label="Oakland" />
  28.                     <team label="Texas" />
  29.                 </division>
  30.             </league>
  31.         </mlb>
  32.     </mx:XML>
  33.  
  34.     <mx:Style>
  35.         Tree {
  36.             folderClosedIcon: ClassReference(null);
  37.             folderOpenIcon: ClassReference(null);
  38.         }
  39.     </mx:Style>
  40.  
  41.     <mx:Tree id="TreeProject"
  42.             dataProvider="{dp.league}"
  43.             labelField="@label"
  44.             iconField="@icon"
  45.             showRoot="true"
  46.             width="320"
  47.             rowCount="9" />
  48.  
  49. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

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

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

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll