首页 分享 layui中table控件使用templet无数据时显示undefined

layui中table控件使用templet无数据时显示undefined

来源:萌宠菠菠乐园 时间:2024-12-21 18:14

最新推荐文章于 2024-10-31 10:16:17 发布

星月昭铭 于 2020-01-07 10:53:45 发布

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

在使用layui表格控件的时候,因为数据是一个嵌套对象,所以不能直接使用field来获取数据,只能使用templet,但是在使用templet的时候发现,有的字段没有数据时表格就会显示undefined

在这里插入图片描述
例如上面的字段电话,当字段电话中没有数据时,显示的就是undefined字符串,
解决办法就是使用三元表达式给它添加判断,

/** *typeof d.users.cellphone 判断数据类型 当变量不存在时,数据类型为undefined *下面的意思就是当cellphone电话这个字段没有数据时就在表格中显示“”,如果有数据就直接显示 */ typeof d.users.cellphone !== "undefined" ? d.users.cellphone : "" 12345'

修改后运行截图:
在这里插入图片描述
修改后,当没有数据的时候就不会显示undefined了

还有一种方法就是通过函数转义的方式:函数转义详见layui官网
具体代码如下:
在这里插入图片描述

{title: "备注", templet: function (data) {if (typeof data.powers.remark === "undefined") return "";return data.powers.remark;} } 123456'

相关知识

基于javaweb+jsp的宠物店信息管理系统(JavaWeb JSP MySQL Servlet SSM SpringBoot Layui Ajax)
基于javaweb+jsp的宠物领养信息管理系统(JavaWeb JSP MySQL Servlet SSM SpringBoot Layui Ajax)
ant design vue 表格Table使用
[宠物]附魔台 (Enchanting Table Pet)
Layui
GridControl控件事件
layui开关按钮及代码实现
html 表单提交 地址栏 显示“=%cc%ed%bc%d3 ”,html
Qt学习记录4——mainwindow的布局使用
蓝色可爱的小狗爱护宠物PPT模板下载

网址: layui中table控件使用templet无数据时显示undefined https://www.mcbbbk.com/newsview822619.html

所属分类:萌宠日常
上一篇: 京东宠物大动作!《2024年宠物
下一篇: 【微信小程序】data=“{{.

推荐分享