如何修改tree节点的图标

　　修改tree节点的图标的步骤如下：
　　首先，在src下建立一个assets文件夹，放几张图片；
　　其次，编写代码如下：
　　


[Embed(source="assets/boy.jpg")]
public var boyIcon:Class;

[Embed(source="assets/girl.jpg")]
　　public var girlIcon:Class;

// 根据结点的属性设置节点图标
private function SetIcon(item:Object):*
{
var xml:XML = item as XML;

if(xml.attribute("sex")=="boy")
{
return boyIcon;
}
else
{
return girlIcon; }
}

// Tree控件的数据源
[Bindable]
public var departmentTree:XML=










]]>

　　 height="450" id="treeXml"
dataProvider="{departmentTree}" labelField="@name"
showDataTips="true" iconFunction="SetIcon" />

　　最后，运行效果即可。

已经验证iconCls:icon-add CSS没有错，可是为什么不显示自定义的图标还是原来默认的这个需要你修改icon.css样式.icon-add{ background:url('icons/edit_add.png') no-repeat center center;} url 换成你自定义的图标地址或则 在icon.css中增加一个一个样式1.将自定义的图片放在icons文件下2.在icon.css中增加样式.icon-custom-add{ background:url('icons/edit_custom_add.png') no-repeat center center;}3.修改json[{"iconCls":"icon-custom-add","children":[{"iconCls":"icon-custom-add","text":"My Documents111"}],"id":"1","text":"My Documents"}]

自己的感受是Ztree的图标换起来方便