双List关联一个Data组件

ipan

在淘宝案例中，商品查找页面，有两个List关联一个Data组件；两个List分两列显示图片等信息，测试发现List的autoLoad=true时，会自动加载Data数据，但是加载了两次；而且第一次加载的页数是1，第二次是2；
其实，真正需要的是Data只加载第一页，并且改变两个List的显示；第一个List显示奇数记录，第二个List显示偶数记录；
如果将List的autoLoad=false，手动调用Data的refreshData方法加载数据，数据加载后不会被影响到List的显示！
这问题有遇到过吗？

cgrddv

list的autoload是会刺激data刷新的，你可以这样写，list的autoload设置成false，然后等data加载了以后，在手动的去调用list的refresh方法

ipan

对，这个方法我也想到了；
1 把List的autoload=false；
  把Data的autoload=false；
2 手动调用Data的refreshData方法；
3 手动调用List的refresh(false)方法；
这样做没问题，但是又发现使用两个List关联一个Data的时候，filter出现了点问题；
List1的filter“$row.index()%2==0”，List2的filter“$row.index()%2==1”，结果是List2的显示正确，但是List1的filter从第9条记录开始就不会显示了；Data的limit=8，List的limit=-1；
将filter去掉，两个List显示均正确；

ipan

最后放弃了双列的商品展示，改成单列的没问题；

mxdeson

我的问题跟你一样

liangyongfei

我们的数据展现都是基于data组件中的数据！
两个list绑定同一个data显示不同的数据，这个是支持的！但是需要给list设置filter
比如你在data中添加个字段，表示第几行
然后再list的filter中通过判断这个字段的值为技术还是偶数，就可以控制是否显示了！

关于list 的动态filter 可以参考下：http://docs.wex5.com/wex5-ui-question-list-2018/

ipan

WeX5 V3.6双List关联一个Data的时候，Data使用分页加载，ListA、ListB也是分页加载，这时候ListA加载第一页正常，之后发现ListA会不正常（滞后加载，没有刷新）；
解决：Data改为一次性加载完毕，加载时候检查count()>0就执行clear()，这样ScrollView组件下拉刷新时候不会重复加载；ListA、ListB均分页加载；这样基本正常！

ipan

这种就是最后的“加载更多”会显示好长时间，多上拉几次次变成“已到最后”；

郭德成

ipan 发表于 2018-4-26 17:32
WeX5 V3.6双List关联一个Data的时候，Data使用分页加载，ListA、ListB也是分页加载，这时候ListA加载第一页 ...

你的意思是data 的limit=-1,这样假如数据很多的话，会不会很慢？

liangyongfei

ipan 发表于 2018-4-26 17:32
WeX5 V3.6双List关联一个Data的时候，Data使用分页加载，ListA、ListB也是分页加载，这时候ListA加载第一页 ...

是主从表查询吗？？显示可以参考
http://docs.wex5.com/wex5-ui-question-list-2072