//layui的模板引擎和分页组合用

来源：互联网发布：伪造工资条软件编辑：程序博客网时间：2024/06/05 19:07

//layui的模板引擎和分页组合用

#[[{{# layui.each(d.list, function(index, item){ }}

<tr>

</td>

</td>

<td>{{item.tableName}}</td>

<td>{{item.tableComment}}</td>

<td>{{item.formClass}}</td>

<td>{{item.version}}</td>

<p>

</button>

</p>

</td>

</tr>

{{# }); }}]]#

</script>

</div>

</form>

</div>

<p >

</button>

</button>

<button id="synDataBase" class="btn btn-default btn-xs" type="button"><i class="fa fa-map-marker"></i> 同步数据库</button>

</p>

<thead>

<tr >

<th>

</th>

</tr>

</thead>

</tbody>

</table>

</div>

function list(curr){

$("#form").attr("action","/g/list/"+curr+"-"+10);

$("#form").ajaxSubmit({

success:function(res){

layui.use(['laypage','layer','laytpl'], function(){

var laypage = layui.laypage

,layer = layui.layer

,laytpl = layui.laytpl;

var getTpl = demo.innerHTML;

laytpl(getTpl).render(res, function(html){

$("#view").html(html);

//重新初始化

$('.i-checks').iCheck({

checkboxClass: 'icheckbox_square-green',

radioClass: 'iradio_square-green',

});

//全选操作

$('#checkAll').on('ifChecked',function(event){

$('.i').iCheck('check');

});

$('#checkAll').on('ifUnchecked',function(event){

$('.i').iCheck('uncheck');

});

//选中状态设置tr背景

$('.i').on('ifChecked',function(){

$(this).closest('tr').addClass("success");

});

$('.i').on('ifUnchecked',function(){

$(this).closest('tr').removeClass("success");

});

laypage({

cont: 'page',//容器。值支持id名、原生dom对象，jquery对象。【如该容器为】：<div id="page1"></div>

pages: res.totalPage, //通过后台拿到的总页数

curr: curr || 1, //当前页

jump: function(obj, first){//触发分页后的回调

if(!first){//点击跳页触发函数自身，并传递当前页：obj.curr

//绑定页码

$("#search").data("pageNumber",obj.curr);

list(obj.curr);

}

});

}

});

}

0 0