layui 表格添加 checkbox 开关

news/2024/10/19 4:21:06/

记录 :

使用 数据表格 获取到数据以后 用 表格中加载表单元素 

{field: 'test', width: '20%', title: '是否显示', align: 'center', unresize: true ,templet: '#switchTpl'}

由于获取到的 test 数据 为的 value值  true  所以使用时候直接写了 

<input type="checkbox" name="fddefault" value="{{d.fddefault}}" lay-skin="switch" lay-text="是|否" lay-filter="faultReveal"{{ d.fddefault == true ? `checked` : `` }}>

试了各种办法 都是 不会渲染 开关打开 

在代码中加  form.render('checkbox'); 重新渲染也没办法

<input type="checkbox" name="test" lay-skin="switch" lay-text="是|否" lay-filter="faultReveal"checked="checked"></input>{{# }else{ }}<input type="checkbox" name="fddefault" lay-skin="switch" lay-text="是|否" lay-filter="faultReveal"></input>{{# } }

有使用了 if判断也麽办  

最后发现 我获取到的 true 是String 类型 但是 Boolean 类型的 所以 给 true 加上引号 改为 字符串就ok了  

还遇到 在 html 中 写  官方给的 三目运算时候  ‘ ?’  报错 所以使用了 `` 这个代替 引号 就不报错了 虽然 报错不影响 到那时 看着不好看 有错误  其他的 开发工具没试过  但是 IDEA 中 发现这个问题   用  `  `  代替就好了 

 

<input type="checkbox" name="fddefault" value="{{d.fddefault}}" lay-skin="switch" lay-text="是|否" lay-filter="faultReveal"{{ d.fddefault == `true` ? `checked` : `` }}>

 正确的  如果取出来数据 不好判断的话 可以这样 

{field: 'test', width: '20%', title: '字段是否显示', align: 'center', unresize: true ,templet: '#switchTpl' , exportTemplet: function(d){if(d.fddefault == true){return true;}else{return false;}console.log(d.fddefault)return d.fddefault;}}


http://www.ppmy.cn/news/1447646.html

相关文章

PHP定时任务框架taskPHP3.0学习记录7宝塔面板手动可以执行自动无法执行问题排查及解决方案(sh脚本、删除超过特定天数的日志文件、kill -9)

PHP定时任务框架taskPHP3.0学习记录 PHP定时任务框架taskPHP3.0学习记录1&#xff08;TaskPHP、执行任务类的实操代码实例&#xff09;PHP定时任务框架taskPHP3.0学习记录2&#xff08;环境要求、配置Redis、crontab执行时间语法、命令操作以及Screen全屏窗口管理器&#xff0…

【笔试题汇总】华为春招笔试题题解 2024-3-20

这里是paoxiaomo&#xff0c;一个现役ACMer&#xff0c;之后将会持续更新算法笔记系列以及笔试题题解系列 本文章面向想打ICPC/蓝桥杯/天梯赛等程序设计竞赛&#xff0c;以及各个大厂笔试的选手 感谢大家的订阅➕ 和 喜欢&#x1f497; 有什么想看的算法专题可以私信博主 &…

Python.第六章(函数)

# 第六章 函数# 在Python语言中&#xff0c;定义函数的语法格式如下: # def 函数名([参数列表]): # 函数体# [注意] # (1)圆括号内是形参列表&#xff0c;如果有多个参数则使用逗号分隔开&#xff0c; # 即使该函数 # 不需要接收任何参数&#xff0c;也必须保留一对空的圆…

[论文笔记]Language Modeling with Gated Convolutional Networks

引言 今天带来论文Language Modeling with Gated Convolutional Networks的笔记&#xff0c;该篇工作提出了GLU(Gated Linear Units&#xff0c;门控线性单元)。 注意该篇工作是2016年发表&#xff0c;是在Transformer论文发表之前。当时作者认为语言建模的主要方法是基于循环…

Centos 7 安装 Redis

Centos 7 安装 Redis 安装步骤1、安装软件源2、安装redis3、创建符号链接4、修改配置文件5、启动 redis6、停止redis 安装步骤 1、安装软件源 如果是Centos 8 直接yum install 就可以了 yum install -y redis但是如果是Centos 7&#xff0c;redis 默认的是 redis 3 系列&…

数据结构四:线性表之带头结点的单向循环链表的设计

前面两篇介绍了线性表的顺序和链式存储结构&#xff0c;其中链式存储结构为单向链表&#xff08;即一个方向的有限长度、不循环的链表&#xff09;&#xff0c;对于单链表&#xff0c;由于每个节点只存储了向后的结点的地址&#xff0c;到了尾巴结点就停止了向后链的操作。也就…

解决Uncaught TypeError: Cannot read properties of null (reading ‘getAttribute‘)

问题&#xff1a; 用了element ui 的echart ,初始化时候找不到指定id的元素&#xff0c;导致的问题&#xff0c;如下 浏览器控制台输出的错误信息如下 Echars echarts.min.js:22 Uncaught TypeError: Cannot read properties of null (reading getAttribute)at echarts.min.…

hadoop的相关操作

一.hadoop与hadoop生态圈 Apache Hadoop:是一款分布式开源应用程序,主要解决海量数据的存储和分布式计算问题 Hadoop生态圈:是更广泛的概念,包含hadoop,sqoop,flume,zookeeper,hive,spark,hbase,oozie等构成的大数据处理相关一系统组件 hadoop版本介绍 hadoop1.x的组成: Common…