读书人

DataGrid 与 CheckBox,该怎么处理

发布时间: 2012-02-08 19:52:21 作者: rapoo

DataGrid 与 CheckBox
比较方 一张表
id name sex
1 zhang nan
2 lisi nv
怎么让 id 下面的 单元格 编程一个
CheckBox
id name sex
X1 zhang nan
X2 lisi nv
X 代表 CheckBox 这种 样子 的 表格 怎么写啊


[解决办法]
给你写了个示例,试试

XML code
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">     <mx:Script>        <![CDATA[            import mx.controls.Alert;            import mx.collections.ArrayCollection;                        [Bindable]            private var dataStore:ArrayCollection = new ArrayCollection([            {id:'001',name:'陈冠希',sex:'man',selected:false},            {id:'002',name:'阿娇',sex:'women',selected:true},            {id:'003',name:'张柏芝',sex:'women',selected:false}            ]);                        private function debug():void            {                var hasSelected:Boolean = false;                var message:String = "你喜欢的人是:\n";                for each (var record:Object in dataStore) {                    if (record.selected) {                        hasSelected = true;                        message += record.name + "\n";                    }                }                if (hasSelected) {                    Alert.show(message);                } else {                    Alert.show("你谁也不喜欢");                }            }        ]]>    </mx:Script>    <mx:Button label="debug" click="debug()" />    <mx:Text text="请选择你喜欢的人物"/>    <mx:DataGrid dataProvider="{dataStore}">        <mx:columns>            <mx:DataGridColumn width="20">                <mx:itemRenderer>                    <mx:Component>                            <mx:CheckBox selected="{data.selected}" click="data.selected = selected" />                    </mx:Component>                </mx:itemRenderer>            </mx:DataGridColumn>            <mx:DataGridColumn headerText="id" dataField="id" />            <mx:DataGridColumn headerText="name" dataField="name" />            <mx:DataGridColumn headerText="sex" dataField="sex" />        </mx:columns>    </mx:DataGrid></mx:Application> 

读书人网 >flex

热点推荐