Layui 不常用功能汇集

Posted 酸辣柠檬粉

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Layui 不常用功能汇集相关的知识,希望对你有一定的参考价值。

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. 待续.....

 

以上是关于Layui 不常用功能汇集的主要内容,如果未能解决你的问题,请参考以下文章

Layui常用功能整理

layui常用功能

layui常用弹窗

linux常用命令汇集

Layui框架:layui的常用组件[表单]

深度学习算法工程师常用基础面试题汇集