查看TileList 里checkbox是否选中

最新推荐文章于 2016-11-05 10:58:49 发布

yunzhongxia

最新推荐文章于 2016-11-05 10:58:49 发布

阅读量100

点赞数

分类专栏： flex 文章标签： Adobe XML

flex 专栏收录该内容

117 篇文章

订阅专栏

本文介绍了一种使用FlexGrid和Checkbox实现数据绑定的方法。通过将Checkbox的状态与数据源属性关联，实现动态更新。示例代码展示了如何创建绑定的数据源、设置TileList组件并响应点击事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
	<mx:Script>
		<![CDATA[
			import mx.controls.Alert;
			import mx.collections.ArrayCollection;
			[Bindable]
			public var ac:ArrayCollection=new ArrayCollection([
			{num:"第1个checkbox",select:false},
			{num:"第2个checkbox",select:false},
			{num:"第3个checkbox",select:false},
			{num:"第4个checkbox",select:false},
			]);
			
			private function test():void{
				for(var i:int;i<ac.length;i++){
					var item:Object=ac.getItemAt(i);
					Alert.show(item.num+"  "+item.select);
				}
			}
		]]>
	</mx:Script>
	<mx:TileList x="195" y="75" dataProvider="{ac}" columnCount="1"  id="titleList" width="100">
		  <mx:itemRenderer>
                <mx:Component>
                   <mx:CheckBox selected="{data.select}" label="{data.num}"  click="data.select=!data.select"/>
                </mx:Component>
            </mx:itemRenderer>

	</mx:TileList>
	<mx:Button x="300" y="223" label="看看" click="test()"/>
</mx:Application>

说明：以上的思路可以用到datagrid等组件中单元格的渲染，首先checkbox是否选中绑定到数据源中的一个属性上，当checkbox点击时改变数据源的值。