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 >



    本文转自 OldHawk  博客园博客,原文链接:http://www.cnblogs.com/taobataoma/archive/2008/01/11/1035775.html ,如需转载请自行联系原作者


相关文章
|
10月前
|
容器
SAP ABAP ALV 的一些总结:Custom container 和 Splitter container
SAP ABAP ALV 的一些总结:Custom container 和 Splitter container
|
8月前
|
JavaScript
Element UI报错:Unknown custom element: <el-menu>
Element UI报错:Unknown custom element: <el-menu>
87 0
|
11月前
|
API
DataTables中的column().visible()
在数据表中显示和隐藏列非常方便,尤其是在显示信息密度较大的表时。此方法允许即时更改单个列的可见性,或读取列的可见性状态。
121 0
very important tip - when to add / in binding path Fiori
very important tip - when to add / in binding path Fiori
very important tip - when to add / in binding path Fiori
multiple context container - entry point for tile click
multiple context container - entry point for tile click
multiple context container - entry point for tile click
使用工具快速找出custom work center使用的ui component
使用工具快速找出custom work center使用的ui component
119 0
使用工具快速找出custom work center使用的ui component
SAP UI5 Nav container - how the inner control is added
Created by Wang, Jerry, last modified on May 18, 2015
SAP UI5 Nav container - how the inner control is added