Flex4之DataGrid之ComboBox渲染器

最新推荐文章于 2026-04-30 18:39:53 发布

原创最新推荐文章于 2026-04-30 18:39:53 发布 · 1.7k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#datagrid #flex #工作

Flex4 && Air 开发专栏收录该内容

68 篇文章

订阅专栏

本文详细介绍了在Flex4中使用DataGrid组件结合ComboBox实现多项选择操作的方法，包括ItemRender的使用、组件嵌套及数据源的配置。

在使用dataGrid时候，有时候会用到渲染器，比如我要使用comboBox做多项选择操作，我就要用到ItemRender.

在flex4中我使用<fx:compoment>嵌入<mx:comboBox>组件。

代码如下：

<mx:itemEditor>                      
					<fx:Component>
						<mx:ComboBox width="130" labelField="label" dataProvider="{outerDocument.dayTypeArr}" 
									 selectedIndex="{data.flag}" change="{data.flag = selectedIndex}"/>                
					</fx:Component>
				</mx:itemEditor>

当然这个部分还要加到DataGrid中去。

<mx:DataGrid id="myDataGrid" width="800" editable="true" dataProvider="{initDataGrid}">
		<mx:columns>          
			<mx:DataGridColumn headerText="Id" dataField="Id" editable="false" width="200"/>
			<mx:DataGridColumn headerText="city" dataField="city" editable="false" width="200"/>
			<mx:DataGridColumn headerText="provice" dataField="provice" editable="false" width="200"/>
			<mx:DataGridColumn headerText="total" dataField="total" editable="false" width="200"/>
			<mx:DataGridColumn headerText="Year" editable="true">
				<mx:XXX>                      
					
						。。。。。。。。。。。。。。。。。。
					
				</mx:XXX>          
			</mx:DataGridColumn>
		</mx:columns>
	</mx:DataGrid>

数据源我这里使dayTypeArr

如下所示：

[Bindable]
public var dayTypeArr:ArrayCollection = new ArrayCollection( 
	[ 
		{label:"工作日", data:1},  
		{label:"公休日", data:2},  
		{label:"节假日", data:3} 
	]);

（待续....）