微信小程序，列表组件。（小程序表单组件）

微信小程序，列表组件。（小程序表单组件）

wx-xcx-list

微信小程序，列表组件。

我在写业务代码的过程中，发现列表这个东西，经常要写，写就写，通常就是Copy!Copy! 把别的页面的代码复制过来，当然这样子是最省事的，不停的复制，终于有一天，我觉醒了，在想，能否把这个列表给提出来呢？ 于是我就试了一下，首先来看一下最终完成的业务代码。

var util = require('../../utils/util.js');var ListCompment = require('../../lib/ListCompment.js');var listCompment = new ListCompment({ name: 'choose', api: '/partner-userMforlist', ajax: util.ajax //这是我自己封装的ajax});Page({ data: { choose:{} //这里和上面的name是一致的，其实是可以不要的。 }, onPullDownRefresh: function () { listCompment.refresh(); //下拉刷新 }, onReachBottom: function () { listCompment.next(); //加载下一页 }, onLoad: function (e) { listCompment.setParams('cate_id', 1).setParams('page_size', 10); //设置额外传参 listCompment.init(this); //初始化，传入this }});

data的约定

我们知道，在微信小程序下面有一个data对象，他是用来放数据模型的，所以我约定要给一个listCompment取一个名字。然后在这个名字下面存放的数据有。 其中list是存真正的数据，其他的都是状态值，辅助做界面用的。

Page({ data: { choose:{ list:[], //存放列表数据 loading:false, //是否处于loading状态 over:false, //是否没有数据了 hasNext:false, //是否还有下一页数据 empty:false //是否为空，即第一页也没有数据的时候要返回true } }});

api返回约定

{ message:"", success:1 data:{ list:[], has_next:1, empty:false }}

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。