下拉框树(treeComboBox)

最新推荐文章于 2023-12-26 17:29:28 发布

最新推荐文章于 2023-12-26 17:29:28 发布 · 830 阅读

文章标签：

#Adobe #XML

flex 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用Adobe Flex框架实现的树型下拉框组件。该组件通过ComboBox和Tree组件结合的方式实现了带有层级结构的数据展示，并支持默认选中项及数据更新时的实时反馈。

树型的下拉框，在网上找到的

<?xml version="1.0" encoding="utf-8"?>
<mx:ComboBox  xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="initComponent()">
<mx:Script>
    <![CDATA[
           import mx.events.FlexEvent; 
           [Bindable] 
           private var _label:String; 
           [Bindable] 
           public var treeSelectedItem:Object;


           public function initComponent():void
           {
            
           }
           
           public function updateLabel(event:*):void{  
                    _label = event.currentTarget.selectedItem[this.labelField];     
                    treeSelectedItem = event.currentTarget.selectedItem; 
           } 
           
           override protected function updateDisplayList(unscaledWidth:Number,
                                                  unscaledHeight:Number):void
            {
                super.updateDisplayList(unscaledWidth, unscaledHeight);  
                
                if(dropdown && _label != null){   
                    text = _label; 
                } 
            }


             
    ]]>
</mx:Script>
    <mx:dropdownFactory>
      <mx:Component> 
        <mx:Tree creationComplete="initTree()" change="outerDocument.updateLabel(event)" showRoot="true" height="500" width="500">
         <mx:Script>
                <![CDATA[
                public function initTree():void {
                    var len:int=super.dataProvider.length;
                    for(var i:int;i<len;i++)
                    {
                       super.expandChildrenOf(super.dataProvider[i], true);
                    }
		    outerDocument.treeSelectedItem = super.dataProvider[0];/默认选中第一荐
                    super.selectedItem=outerDocument.treeSelectedItem;
                }
                ]]>
            </mx:Script>
        </mx:Tree>
     </mx:Component>
    </mx:dropdownFactory>
</mx:ComboBox>