layui 表格添加 checkbox 开关

ops/2025/4/2 15:22: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/ops/27726.html

相关文章

虹科Pico汽车示波器 | 免拆诊断案例 | 起动机免拆诊断故障 2 例

电磁开关、换向器烧蚀及炭刷磨损均会导致起动机偶尔不工作&#xff0c;使发动机偶尔无法起动。由于故障是偶发的&#xff0c;且没有故障代码&#xff0c;这往往会让维修人员无从下手&#xff0c;而用Pico示波器测量起动电流&#xff0c;就会让这些“亚健康状态”一目了然。 案例…

MongoDB数据库迁移的两种办法

在做系统运维时&#xff0c;经常需要对数据库进行迁移&#xff0c;今天这里分享一下MongoDB数据库数据迁移的办法。两种方法 方法1 利用NoSQLBooster for MongoDB直接复制粘贴 这种方法&#xff0c;适合在windows电脑上&#xff0c;可以直接访问原始和目标两个MongoDB库的。优…

Elementplus远程搜索下拉

远程搜索 :remote-method“getAppNumberList” <div class"filter-item"><span>型号:</span><el-select v-model"listQuery.numberId" clearable filterable :remote-method"getAppNumberList" remote placeholder"请…

网络安全知识点

网络安全 1&#xff0e; 网络安全的定义&#xff0c;网络安全的属性。 定义&#xff1a;针对各种网络安全威胁研究其安全策略和机制&#xff0c;通过防护、检测和响应&#xff0c;确保网络系统及数据的安全性。 属性&#xff1a;机密性 认证&#xff08;可鉴别性&#xff09…

在 PHP中使用 Redis 缓存的方法有哪些

在 PHP 中使用 Redis 作为缓存的方法非常多样化&#xff0c;因为 Redis 提供了丰富的数据结构和命令集。以下是一些常见的 PHP 中使用 Redis 缓存的方法&#xff1a; 字符串缓存 Redis 最基本的数据结构是字符串&#xff08;string&#xff09;&#xff0c;你可以用它来缓存简…

安卓手机APP开发__媒体开发部分__立体环绕声

安卓手机APP开发__媒体开发部分__立体环绕声 目录 概述 对于能力的查询 耳机的跟踪 可兼容的内容 声音的属性 禁用立体环绕声的声音 声音的格式 对立体环绕声的修改的监听

1. 深度学习笔记--神经网络中常见的激活函数

1. 介绍 每个激活函数的输入都是一个数字&#xff0c;然后对其进行某种固定的数学操作。激活函数给神经元引入了非线性因素&#xff0c;如果不用激活函数的话&#xff0c;无论神经网络有多少层&#xff0c;输出都是输入的线性组合。激活函数的意义在于它能够引入非线性特性&am…

问题记录-全局配置了跨域但是后端下载仍然跨域-(Java, SpirngBoot)

问题背景 前端请求后端下载文件&#xff0c;其它接口都不会跨域&#xff0c;唯独这个下载跨域了。上代码&#xff1a; ApiOperation(value "下载模板文件", notes "importArchive") GetMapping("v1/downLoadTemplate/{templateName}") publi…