LayUI点击表格表头排序、拖拽表格列、以及JS驼峰和下划线互转

表格表头排序代码如下,直接传入后台进行请求,需要后台将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、定义表格

上一篇:字符串匹配与动态绑定Set/Get


下一篇:JavaScript入门(六)