LayUI:使用小结

动态表格:

隐藏某列不显示,但是可以通过开关让其显示与隐藏:

所以在layui2.4版本的时候,layui的cols的参数新添了hide(隐藏)属性。

{field:'cust_id', title: 'ID', hide:true}

 

对于字段内容展示的控制:templet字段控制  ||  function 获取的是当前列的整体数据

复制代码
  {
                field: 'state',
                title: '处理状态',
                width: 90, templet: function change(d) {
                    if (d.state == 1)
                        return "有效"
                    else
                        return "无效"
                }
   }
复制代码

时间类型字段格式化: layui.util.toDateString(data.时间字段)||

宽度与排序{width: 130,sort: true}  

复制代码
       {
                field: 'accept_time',
                title: 'accept_time',
                width: 180,templet:function push_time(d){
                    if(d.accept_time==null)
                        return "";
                    else
                        return  layui.util.toDateString(d.accept_time)
                }
            }
复制代码

动态下拉框可以使用ajax,初始化操作dom

 

posted on   白嫖老郭  阅读(189)  评论(0编辑  收藏  举报

编辑推荐:
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示