Question

我正在使用Flex Tree的iconField属性来动态设置节点应该使用的图标。这适用于叶节点，但对于分支节点，它似乎不尊重我的iconField，而只是显示默认文件夹节点。

这是一个简单的复制品：

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

<mx:Script>
    <![CDATA[
        [Embed("assets/icon1.png")]
        public var icon1:Class;

        [Embed("assets/icon2.png")]
        public var icon2:Class;
    ]]>
</mx:Script>

<mx:XML id="dp">
    <node label="Sales" icon="icon1">
        <node label="East" icon="icon2"/>
        <node label="West" icon="icon2"/>
    </node>
</mx:XML>

<mx:Tree dataProvider="{dp}" labelField="@label" iconField="@icon"
    width="100%" height="100%" />

</mx:Application>

图标2显示东部和西部节点，但icon1未显示Sales节点。我怎样才能让它发挥作用？

Answer 1

我认为可以使用iconFunction完成...这看起来像你想要的那样：

http://blog.flexexamples.com/2007/11/15/creating-a-custom-icon-function-on-a-flex-tree-control/

Answer 2

我明白了。 susichan是正确的iconFunction：

<mx:Script>
    <![CDATA[
        [Embed("icon1.png")]
        public var icon1:Class;

        [Embed("icon2.png")]
        public var icon2:Class;

        [Embed("icon3.png")]
        public var icon3:Class;

        private function setIcons(item:Object):Class {
            var iconClass:Class;
            var classType:String = XML(item).attribute("icon");
            if(classType!="")
                return this[classType];
            else
                return null;
        }


    ]]>
</mx:Script>

<mx:XML id="dp">
    <root>
            <node label="Sales" icon="icon1">
                <node label="East" icon="icon3"/>
                <node label="West" icon="icon3"/>
            </node>
            <node label="Non-Sales" icon="icon2">
                <node label="East" icon="icon3"/>
                <node label="West" icon="icon3"/>
            </node>
    </root>
</mx:XML>

<mx:Tree dataProvider="{dp.node}" labelField="@label" iconField="@icon"
         iconFunction="setIcons" showRoot="true"
         width="100%" height="100%" />

Answer 3

几乎！您需要设置folderOpenIcon和folderClosedIcon，如下所示：

<mx:Tree dataProvider="{dp}" labelField="@label" iconField="@icon"
         folderOpenIcon="{icon3}"
         folderClosedIcon="{icon4}"
         width="100%" height="100%" />

为什么使用Flex Tree组件的分支节点会忽略iconField？

3 个答案: