这是整个EUI组件的关系。
一般数据容器使用Group,在EUI开发界面后便不需要改变布局,除非自己想改变布局。将子元素添加进来需要指定宽高,不然新添加进来的子元素默认的宽高都是20.
1.DataGroup 数据容器
2.ItemRenderer 单条数据模板
步骤:
1.先创建普通数组
2.用ArrayCollection包装这个数组 数据增删改变可以侦听到
3.dataGroup数据源 dataGroup.dataProvider = new eui.ArrayCollection(数据的数组).
如果没用eui.scroller,使用手动修改或刷新了数据源,则需要重新设置。
添加一句代码
myList.dataProvider = new eui.ArrayCollection(数据的数组);
4.创建ItemRenderer 这是一个类。 可以设置皮肤 dataChaged方法是复写的
5.dataGroup.itemRenderer = 创建的ItemRenderer类。
如果 ItemRenderer 类中只是显示皮肤,没有自定义的逻辑方法。完全可以不创建自定义的 ItemRenderer 类,而通过 dataGroup.itemRendererSkinName() 方法直接使用 exml 描述文件来实现皮肤显示和数据绑定。显示效果完全相同,但可以少写一个类文件。
数据优化:
DataGroup 中有一个属性 use