list组件怎么做到延时加载数据

爱喝牛奶的面包

做的这个功能是主从关系的。先加载主表上的数据，然后当点击标题的时候再加载从表的数据。请问，怎么才能让从表的list开始的时候先不加载数据，点击标题再加载数据？

liangyongfei

可以使用contents切换页面实现！
第一个content  显示 主表数据！
第二个content 显示从表数据！

类似于：
/UI2/demo/baas/masterDetail/index.w
这种！http://docs.wex5.com/wex5-ui-question-list-2072

爱喝牛奶的面包

我想要的是在一个页面显示的，不能像这个例子似的还要两个页面。能做到不？

liangyongfei

爱喝牛奶的面包 发表于 2017-7-11 14:37
我想要的是在一个页面显示的，不能像这个例子似的还要两个页面。能做到不？ ...

1.如果是list嵌套可以做到！
就是在父list的点击事件中！根据父ID去后台查询子数据！

旧的数据覆盖新的数据！
这样从表data组件中只存放 父 data组件 关联 某一行的数据即可！

每次点击都是从后台重新加载数据！



2.如果数据不多！也可以从表data数据一次性加载出来！
第二层list 的 filter属性设置  当  第一层 行选中的时候！才符合条件显示
http://docs.wex5.com/wex5-ui-question-list-2005/

这样！只要控制 第一层data组件是否有选中行！就可以绝对第二层list是否显示了！

爱喝牛奶的面包

现在有个问题哈，主list的数据先加载出来了，我怎么控制从数据先加载20条，然后向下滑动的时候再加载数据。现在我是直接把从数据的data组件limit设置成-1了。数据量大的情况特别卡。

mengoo123

这个在下滑事件中，去增加data控件的数据。ajax从服务器去取下一个20条就行了。不过得有一个变量记住加到第几条了。

爱喝牛奶的面包

那具体怎么写呢，思路是有了。还是不会写啊

liangyongfei

爱喝牛奶的面包 发表于 2017-7-22 16:02
现在有个问题哈，主list的数据先加载出来了，我怎么控制从数据先加载20条，然后向下滑动的时候再加载数据。 ...

你还是list嵌套实现的吗？

1. 查询子的时候，应该设置过滤条件！只查询符合条件的数据！

如果这样数据还多，  也可以limit设置 20
如果第一层，父的数据不多，那可以这样
父data的limit设置为-1 一次性加载数据
子data设置为 20 ，每次加载20条

第一层的list组件的 disableInfiniteLoad 和 disablePullToRefresh 都设置为true

第二层的list组件的 disableInfiniteLoad 和 disablePullToRefresh 都设置为false

每次点父的时候！通过data.setFilter 设置过滤条件，只查询当前子的数据

爱喝牛奶的面包

是list嵌套做的，但是你说的第二层的list，不还是当点击父的时候都一次性加载出来了嘛。我想第二层先加载20条，然后向下拉动的时候在继续加载。能做到不？怎么做。

liangyongfei

爱喝牛奶的面包 发表于 2017-7-24 11:59
是list嵌套做的，但是你说的第二层的list，不还是当点击父的时候都一次性加载出来了嘛。我想第二层先加载20 ...

是的！如果数据量不大就一次加载出来！数据量大也可以分页！

第二层的list 上层div ，通过bind-if属性控制！根据第一层list 中的值, 判断如果不是当前显示类型！第二层list就不要生成了~!
当点击第一层list的时候，选中哪行就控制哪行下的list显示！
通过bind-if就能控制！
子data组件的limit属性设置为20
第二层的list组件的 disableInfiniteLoad 和 disablePullToRefresh 都设置为false

当scrollView滚动的时候！第二层的list自然可以分页加载的！