表格表头排序代码如下,直接传入后台进行请求,需要后台将orderbyFields和orderbyUpdown两个参入传入Mapper中作为sql参数进行相关排序
//监听排序事件
layTable.on('sort(tableObj)', function(obj){ //这里的test指的是layui的一个监听事件lay-filter中的值
var field = obj.field;
layTable.reload('tableObj', { //这里的idTest就是我们上面给的加载的id值
initSort: obj //记录初始排序,如果不设的话,将无法标记表头的排序状态。
,where: { //请求参数(注意:这里面的参数可任意定义,并非下面固定的格式)
orderbyFields:toLine(field) //排序字段
,orderbyUpdown: obj.type //排序方式
}
});
});
JS驼峰和下划线互转代码如下:
// 下划线转换驼峰
function toHump(name) {
return name.replace(/\_(\w)/g, function(all, letter){
return letter.toUpperCase();
});
}
// 驼峰转换下划线
function toLine(name) {
return name.replace(/([A-Z])/g,"_$1").toLowerCase();
}
拖拽表格列:
分为4步:
1、定义表格