首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

DataGrid顶用CheckBox实现全选功能

2012-09-08 
DataGrid中用CheckBox实现全选功能在表格的操作中,经常有这种需求:某一列用来做选择,在标题上的有全选功能

DataGrid中用CheckBox实现全选功能
在表格的操作中,经常有这种需求:某一列用来做选择,在标题上的有全选功能。

看下示例


代码如下:
Application:



TestVO:
package vos{[Bindable]public class TestVO{public function TestVO(){}public var id:String;public var label:String;public var icon:String;[Transient]public var selected:Boolean = false;}}

几个可能有疑问的地方:
selected="@{data.selected}" "@"的作用是双向绑定,当data.selected改变时,checkbox的selected也随之改变,反之亦然。[Transient] 作用是指定接下来的字段在序列化的时候可以忽略。比如与后台交互的时候,后台vo不需要selected这个字段,加上它就行了(不加可能会导致警告)。例子里的CheckBox没有居中,如果要让它居中可以给它包上一个居中的容器。

热点排行