layui+jQuery总结

layui+jQuery基本原生技术要点

layui表格渲染

var table1 = table.render({
ele:“绑定table”,
url:“连接后端接口”
page:true,(true为开启分页,false则关闭)
height:gtSettings.table.height,(表格高度)
toolbar:true,(true有表头工具,可打印,可导出表格数据,false则没有)
limits:gtSettings.table.limits,(每页展示多少条数据,可自定义)
limit:gtSettings.table.limit,(页数)
cols:[[{
filed:‘字段’,title:‘中文名’,sort:true,hide:true
(hide:true代表该字段隐藏,默认false)
}]],
//假如在进行表格打印时候要展示序号,原接口数据却没有序号 xh这个字段,这时候就需要前端在parseData中对数据进行处理
parseData:function(res){ //res为返回的原始数据
for(var i in res.data){
res.data[i].xh = parseInt(i)+1
}
return {
“code”: res.code, //解析接口状态
“msg”: res.msg, //解析提示文本
“count”: res.count, //解析数据长度(后台返回的,不一定是count)
“data”: res.data//解析数据列表
};

     }

})
/layui表格选中该行,该行变色,不选择则不变色/
$(“body”).on(‘click’, '.layui-table-body tr ', function () {
var data_index = ( t h i s ) . a t t r ( ′ d a t a − i n d e x ′ ) ; / / 得 到 当 前 的 t r