自己因业务需求，接触到LayTpl和LayPage，然后综合网上查询到的信息和官网的示例，结合业务需求改进了一个高复用性的方法。
工具/原料
1
LayPage
2
LayTpl
方法/步骤
2
几处关键地方1、模板2、模板渲染后显示的区域
3、显示页数3
核心方法url是对应的列表地址options是传递的对象参数，格式为{'page':1,'searckkey':'123'},把所有自定义的参数都封装到options传递到后台，如果没有options参数，则默认补充个page=1function TplAndPage(url,options){ opt = options || {'page':1}; //如果没有传值参数，补充个页面 $.getJSON(url,opt, function(res){ var tpl = document.getElementById('ListTppl').innerHTML; laytpl(tpl).render(res, function(html){ document.getElementById('Render_List').innerHTML = html; }); laypage({ cont: 'page', //此处对应
pages: res.TotalPage, //从服务器上获取的总页数 curr: opt.page || 1, groups:10, jump: function(obj, first){ if(!first){ opt.page=obj.curr; //将跳转的页值传给对象 TplAndPage(url,opt); } } }) }) }
上一篇：包菜牛肉炒面详细做法