Layui 不常用功能汇集

Posted 2023-02-21 酸辣柠檬粉

1.layui table表格里面时间进行转化  

        layui.util.toDateString(d.rectime*1000,"yyyy-MM-dd HH:mm");

注意点：rectime是数据库内的时间戳  在layui转换时必须要*1000  因为layui是毫秒单位进行转化

 

2.重置按钮

         $('#form')[0].reset();

注意点：要想重置，直接使用reset（）是不能成功的 ，需要加上【0】

 

3.table表格无数据时 自定义文字   

text: 

          none: "无相应数据"

        ,

在table.render（）

   elem:"#demo",

   cols：filed:'id',title:"ID",width:80

    .....

的选项中加入上面的text项 

注意点：这个是layui2.5版本添加的，低版本不支持

 

4.数据表格当某列高度不是默认时，fixed right项显示异常

解决办法：table render里面添加

done: function (index, layero) 
        //表头部分
        //动态监听表头高度变化，冻结行跟着改变高度
        $(".layui-table-header  tr").resize(function () 
          $(".layui-table-header  tr").each(function (index, val) 
            $($(".layui-table-fixed .layui-table-header table tr")[index]).height($(val).height());
          );
        );
        //初始化高度，使得冻结行表头高度一致
        $(".layui-table-header  tr").each(function (index, val) 
          $($(".layui-table-fixed .layui-table-header table tr")[index]).height($(val).height());
        );

        //表体部分
        //动态监听表体高度变化，冻结行跟着改变高度
        $(".layui-table-body  tr").resize(function () 
          $(".layui-table-body  tr").each(function (index, val) 
            $($(".layui-table-fixed .layui-table-body table tr")[index]).height($(val).height());
          );
        );
        //初始化高度，使得冻结行表体高度一致
        $(".layui-table-body  tr").each(function (index, val) 
          $($(".layui-table-fixed .layui-table-body table tr")[index]).height($(val).height());
        );
      

解决办法来源：https://blog.csdn.net/hu104160112/article/details/113654597

5. 待续.....