原因:很多用户在做list嵌套的时候,由于一些细节配置的原因不明白,导致运行不成功!下面我说下list嵌套中需要注意的点
解决方案:
1.第二层的list组件需要设置filter属性,表示根据第一次list当前行数据过滤出符合条件要显示的数据,比如: $row.val(‘id’)==$object.val(‘ID’),其中
$row.val(‘id’)表示的是第二个list绑定的data的字段
$object.val(‘ID’)表示的是第一个list组件(父)绑定的data字段!
意思就是根据第一个list组件中当前行的ID过滤出第二个list组件中 id=ID 的数据
2.第二层list对应的data组件数据应该一次性加载到data组件中(为了全部显示,保证第一层的子数据全部存在,或者设置过滤条件!根据第一层已经加载的数据的ID去查下第二层数据),所以 data组件autoLoad 设置为true,limit设置为-1,第二层list的limit属性设置为-1
3.如果有scrollView组件配合使用,第二层的list组件的 disableInfiniteLoad 和 disablePullToRefresh 都设置为true,这个属性表示禁止上下拉触发刷新数据,只对外层list组件起作用就行了!