- 上拉赋值:
首先,上拉赋值不用在json中进行配置,直接在js中添加onReachBottom函数即可。
onReachBottom函数中要获取数据用于显示。本例中的数据是页面初次加载时获取数据后,改变page参数的值,然后再次从后台获取数据增添到原有数据。
1 onReachBottom: function(){ 2 //从后端获取数据
3 var that = this
4 var options = that.data.options 5 var listid = options.listid 6 var url = options.url 7 var page = that.data.page+1 8 that.setData({ 9 page:page 10 }) 11 //显示加载弹窗
12 wx.showLoading({ 13 title:'加载中', 14 }) 15 wx.request({ 16 url:url, 17 data:{ 18 listid:listid, 19 page:page, 20 } 21 success:function(res){ 22 that.setData({ 23 lists: that.data.lists.concat(res.lists), 24 }) 25 //隐藏加载弹窗
26 wx.hideLoading(); 27 } 28 }) 29 }
- 使用setData动态改变数值:
官方使用样例为:
this.setData({ 'array[0].text':'change data' })
即只能赋值一个静态值。解决方法如下:
1 var page = that.data.page+1
2 that.setData({ 3 page:page 4 })
- 在数组中增加数组元素:
push将新数组作为一个元素加入到数组中。
concat将新数组的每个元素拆分出来单独加到数组当中。
使用concat解决两个数组的拼接:
1 that.setData({ 2 lists: that.data.lists.concat(res.lists), 3 })