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没有居中,如果要让它居中可以给它包上一个居中的容器。