Creating a radio button item renderer on a Spark List control in Flex 4
2013-03-27 17:28
513 查看
<?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/05/20/creating-a-radio-button-item-renderer-on-a-spark-list-control-in-flex-4/ --> <s:Application name="Spark_List_itemRenderer_RadioButton_test" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx"> <s:controlBarContent> <s:Label text="selected RadioButton: {dgr1.selection.label}" /> </s:controlBarContent> <fx:Declarations> <s:RadioButtonGroup id="dgr1" selectedValue="Three" /> </fx:Declarations> <s:List id="lst" itemRenderer="skins.RadioButtonItemRen" width="100" horizontalCenter="0" verticalCenter="0"> <s:layout> <s:VerticalLayout gap="0" horizontalAlign="contentJustify" requestedRowCount="6" /> </s:layout> <s:dataProvider> <s:ArrayList> <fx:Object val="One" gr="{dgr1}" /> <fx:Object val="Two" gr="{dgr1}" /> <fx:Object val="Three" gr="{dgr1}" /> <fx:Object val="Four" gr="{dgr1}" /> <fx:Object val="Five" gr="{dgr1}" /> <fx:Object val="Six" gr="{dgr1}" /> <fx:Object val="Seven" gr="{dgr1}" /> <fx:Object val="Eight" gr="{dgr1}" /> <fx:Object val="Nine" gr="{dgr1}" /> </s:ArrayList> </s:dataProvider> </s:List> </s:Application>
And the custom Spark List item renderer, skins/RadioButtonItemRen.mxml, is as follows:
<?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/05/20/creating-a-radio-button-item-renderer-on-a-spark-list-control-in-flex-4/ --> <s:ItemRenderer name="RadioButtonItemRen" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" autoDrawBackground="false" dataChange="itemrenderer1_dataChangeHandler(event);"> <fx:Script> <![CDATA[ protected function itemrenderer1_dataChangeHandler(evt:Event):void { rdBtn.label = data.val; rdBtn.value = data.val; rdBtn.group = data.gr; } ]]> </fx:Script> <s:RadioButton id="rdBtn" left="3" right="3" top="5" bottom="5" /> </s:ItemRenderer>
转载:http://blog.flexexamples.com/2010/05/20/creating-a-radio-button-item-renderer-on-a-spark-list-control-in-flex-4/
相关文章推荐
- Toggling item roll over highlighting on a List control in Flex
- Using a CheckBox control as a list item renderer in Flex
- Setting an effect when the items in a data provider change on a List control in Flex
- Flex Spark List with custom scroll bar and itemrenderer
- Creating a pop up TitleWindow using the PopUpButton control in Flex
- Changing the default skins on a Button control in Flex
- Creating a custom ComboBox item renderer in Flex
- Using an XML data provider with the Spark List control in Flex 4
- Creating a custom context menu on a RichTextEditor control in Flex
- Creating a linear gradient fill on a ColumnChart control’s column series in Flex
- Flex List Control with Editable InputText ItemRenderer
- Using the itemDoubleClick event to open nodes in a Flex Tree control
- MFC控件使用说明(combo box Button Check Box Radio Button List Control Edit Box Hot Key IP Address....)
- Alternating row colors in a Flex Tree control using the alternatingItemColors style
- Creating a ControlBar container in Flex using ActionScript
- MFC控件使用说明(combo box Button Check Box Radio Button List Control Edit Box Hot Key IP Address....)
- Flex lets you define item renderers and item editors in three different ways:
- Flex手机项目继承IconItemRenderer自定义List组件
- Creating an undraggable Alert control in Flex
- flex 3 list控件添加Item的方法【1061: 调用可能未定义的方法 addItem (通过 static 类型 spark.components:List 引用)】