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 不常用功能汇集的主要内容,如果未能解决你的问题,请参考以下文章