zoukankan      html  css  js  c++  java
  • Setting icons for specific nodes in a Flex Tree control

    The following example shows you how you can override a specific node’s icon in a Flex Tree control ysing the Tree class’s setItemIcon() method.
    <?xml version="1.0" encoding="utf-8"?>
    <!-- http://blog.flexexamples.com/2007/11/29/setting-icons-for-specific-nodes-in-a-flex-tree-control/ -->
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
            layout
    ="horizontal"
            verticalAlign
    ="middle"
            backgroundColor
    ="white"
            creationComplete
    ="init();">

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

                [Embed("assets/folder_user.png")]
                private var FolderUserIcon:Class;

                [Embed("assets/folder_wrench.png")]
                private var FolderWrenchIcon:Class;

                private function init():void {
                    var nodeOne:XML = xmlListColl.getItemAt(0) as XML;
                    tree.setItemIcon(nodeOne, FolderTableIcon, FolderTableIcon);

                    var nodeTwo:XML = xmlListColl.getItemAt(1) as XML;
                    tree.setItemIcon(nodeTwo, FolderUserIcon, FolderUserIcon);

                    var nodeThree:XML = xmlListColl.getItemAt(2) as XML;
                    tree.setItemIcon(nodeThree, FolderWrenchIcon, FolderWrenchIcon);
                }
            
    ]]>
        
    </mx:Script>

        
    <mx:XMLListCollection id="xmlListColl">
            
    <mx:source>
                
    <mx:XMLList>
                    
    <node label="One">
                        
    <node label="One.1">
                            
    <node label="One.1.1">
                                
    <node label="One.1.1.1">
                                    
    <node label="One.1.1.1.1" />
                                
    </node>
                            
    </node>
                        
    </node>
                        
    <node label="One.2" />
                        
    <node label="One.3" />
                    
    </node>
                    
    <node label="Two">
                        
    <node label="Two.1" />
                        
    <node label="Two.2" />
                        
    <node label="Two.3" />
                    
    </node>
                    
    <node label="Three" />
                
    </mx:XMLList>
            
    </mx:source>
        
    </mx:XMLListCollection>

        
    <mx:Tree id="tree"
                dataProvider
    ="{xmlListColl}"
                labelField
    ="@label"
                width
    ="250"
                rowCount
    ="6"
                showScrollTips
    ="true" />

    </mx:Application>

  • 相关阅读:
    一次心惊肉跳的服务器误删文件的恢复过程
    ThreadPoolExecutor使用详解
    Springboot学习笔记(一)-线程池的简化及使用
    springboot之异步调用@Async
    CentOS 7添加开机启动服务/脚本
    三分钟在任何电脑上使用 chrome os
    Spring Cloud Alibaba基础教程:Sentinel Dashboard中修改规则同步到Nacos
    Nacos部署中的一些常见问题汇总
    Spring Cloud Alibaba基础教程:Sentinel Dashboard中修改规则同步到Apollo
    Spring Cloud Alibaba 新版本发布:众多期待内容整合打包加入!
  • 原文地址:https://www.cnblogs.com/taobataoma/p/1034824.html
Copyright © 2011-2022 走看看