list
示例:

html:

<div id="scroll" class="bui-scroll"> <div class="bui-scroll-head"></div> <div class="bui-scroll-main"> <ul class="bui-list"> </ul> </div> <div class="bui-scroll-foot"></div> </div> // 模板 <script id="test" type="text/html"> {{each data}} <li class="bui-btn"><i class="icon-facefill"></i>{{$value.name}}</li> {{/each}} </script>

js:

bui.ready(function () { var uiList = bui.list({ id: "#scroll", url: siteDir + "userlist.json", page:1, pageSize:5, height:300, template: template2, //如果分页的字段名不一样,通过field重新定义 field: { page: "page", size: "pageSize", data: "data" }, onRefresh: function (scroll) { //刷新的时候执行 }, onLoad: function (scroll) { console.log( this.option("page") ); }, callback: function (e) { // 点击整行的时候执行 } }); //手动刷新 // uiList.widget("scroll").refresh(); }) //生成模板 跟 artTemplate 重名 function template2 (data) { var html = template('test', {"data":data}); return html; }