zoukankan      html  css  js  c++  java
  • Creating a custom ComboBox item renderer in Flex

    The following example shows how you can create a simple ComboBox item renderer which displays multiline items in the ComboBox control’s drop down menu
    <?xml version="1.0" encoding="utf-8"?>
    <!-- http://blog.flexexamples.com/2007/09/25/creating-a-custom-combobox-item-renderer-in-flex/ -->
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
            layout
    ="vertical"
            verticalAlign
    ="top"
            backgroundColor
    ="white">

        
    <mx:XMLList id="statesXMLList">
            
    <state abbrev="AL" name="Alabama" />
            
    <state abbrev="AK" name="Alaska" />
            
    <state abbrev="AZ" name="Arizona" />
            
    <state abbrev="AR" name="Arkansas" />
            
    <state abbrev="CA" name="California" />
            
    <state abbrev="CO" name="Colorado" />
            
    <state abbrev="CT" name="Connecticut" />
        
    </mx:XMLList>

        
    <mx:ComboBox id="comboBox"
                prompt
    ="Please select a State"
                dataProvider
    ="{statesXMLList}"
                rowCount
    ="3"
                labelField
    ="@name"
                itemRenderer
    ="ComboBoxItemRenderer" />

    </mx:Application>
    ComboBoxItemRenderer.mxml:
    <?xml version="1.0" encoding="utf-8"?>
    <!-- http://blog.flexexamples.com/2007/09/25/creating-a-custom-combobox-item-renderer-in-flex/ -->
    <mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml"
            styleName
    ="plain">

        
    <mx:Label text="{data.@name}"
                fontSize
    ="11"
                fontWeight
    ="bold" />
        
    <mx:Label text="{data.@abbrev}"
                fontSize
    ="9"
                paddingLeft
    ="10" />

    </mx:VBox>

  • 相关阅读:
    拥有最多糖果的孩子
    求1+2+…+n
    网络-中间代理
    Header中的Referer属性表示
    ios13.4post请求出现网错错误 network err
    10.8&10.10
    9.23&9.27
    9.16&9.19
    校内模拟赛划水报告(9.9,9.11)
    男人八题 划水题解
  • 原文地址:https://www.cnblogs.com/taobataoma/p/1035775.html
Copyright © 2011-2022 走看看