list
示例:

html:

<div id="scroll" class="bui-scroll"> <div class="bui-scroll-head"></div> <div class="bui-scroll-main"> <ul id="scrollList" class="bui-list"> </ul> </div> <div class="bui-scroll-foot"></div> </div> // 百度模板 <script id="test1" type="text/html"> <%for(var i=0;i<9;i++){%> <li class="bui-btn" href="index.html"><i class="icon-facefill"></i><%=list[i]["name"]%></li> <%}%> </script>

js:

bui.ready(function () { var uiList = bui.list({ id: "#scroll", url: siteDir + "userlist.json", page:1, pageSize:5, height: 300, template: template, //如果分页的字段名不一样,通过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(); }) //生成模板 function template (data,dataObj) { // 生成百度模板 var html = baidu.template('test1',{list:data}); return html; }