带复选框树状多选组件,如果选择父节点,那么子节点会被全部选中,如果取消选择父节点,那么子节点全部取消选中。数据模型必须使用xml,这样才可以追溯父子关系。
效果如下图:
[img]http://dl.iteye.com/upload/attachment/239518/ea16a5dc-c3ed-35c1-ab09-c27cb35ec0fc.jpg[/img]
实现原理是通过继承TreeItemRender来构建出CheckBox。
使用的时候可以通过mxml生成一个组件实例:
其中dataProvider="{xml}"就是将一个xml变量赋值给dataProvider以显示数据。
width设置组件宽度。
labelField设置显示的字段。因为要显示xml里的label字段,所以使用“@label”。
源代码见附件。
效果如下图:
[img]http://dl.iteye.com/upload/attachment/239518/ea16a5dc-c3ed-35c1-ab09-c27cb35ec0fc.jpg[/img]
实现原理是通过继承TreeItemRender来构建出CheckBox。
使用的时候可以通过mxml生成一个组件实例:
<component:TreeCheckBox id="tck" dataProvider="{xml}" width="200" labelField="@label"/>
其中dataProvider="{xml}"就是将一个xml变量赋值给dataProvider以显示数据。
width设置组件宽度。
labelField设置显示的字段。因为要显示xml里的label字段,所以使用“@label”。
源代码见附件。