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>

  • 相关阅读:
    大显示器有用了,看报纸很爽
    密码概率(转)
    什么是社会工程攻击(转)
    C# 在购物车系统中生成不重复的订单号[转]
    jQuery选择器总结[转]
    多种下拉框功能插件
    异步提交
    MVC3开发常常遇到的问题及常常使用到的代码片段
    MVC3怎样设置ntext字段?
    jQuery子页面刷新父页面局部刷新+整体刷新 [转]
  • 原文地址:https://www.cnblogs.com/taobataoma/p/1035775.html
Copyright © 2011-2022 走看看