layui数据表格

layui.use('table',function(){

　　var table-layui.dable;

　　table.render({

　　　　elem:'绑定元素id'，

　　　　url:'',  //请求地址，

　　　　method:'post', //请求方式

　　　　where:{

　　　　　　//请求内容

　　　　　　XX：XX,

　　　　},

　　　　toolbar:'#toolbarDemo',

　　　　title:'表'，

　　　　totalRow:true,

　　　　cols:[[

　　　　　　{field:'uid//设定的字段名',title:'table的大标题'}, //width:宽度  hide: 是否初始隐藏，默认false

　　　　　　........

　　　　　　//编辑删除

　　　　　　{title:'操作'，align:'cunter',width:300,templet:function(d){

　　　　　　　　var h="";

　　　　　　　　h+='<a class="layui-btn layui-btn-xs" onclick="执行的方法(\''+d.xx/*传参*/+'\')">编辑</a>';

　　　　　　　　h+='<a class="layui-btn layui-btn-xs" onclick="执行的方法(\''+d.xx/*传参*/+'\')">删除</a>';

 　　　　　　　  return h;

　　　　　　}}

　　　　]]

　　　　page:true, //是否开启分页，默认false

　　　　limit:10, //每页显示的条数

　　　　limitd:[10,20,30],  //每页显示条数的选择项，默认：10，20,....90

　　　　request:{ //重新指定请求翻页参数

　　　　　　pageName:'page', //当前页

　　　　　　limitName:'pageSize' //每页显示的条数

　　　　},

　　　　response:{  //重新指定相应参数名称

　　　　　　countName:'allcount'  //总页数

　　　　}

　　　　done:function(res,curr,count){

　　　　　　

　　　　}

　　})

})

 

 

 

servlet响应格式：

{"allcount":"总条数","code":"0",msg:"","data:[{"id":"id"}........../*返回的数据*/]"}

 

转载于:https://www.cnblogs.com/hhthtt/p/11040461.html