jquery选择器与监听、校验事件的结合处理（一）switch切换与联动

sj0613xz

于 2018-01-18 16:58:21 发布

阅读量2k

点赞数

分类专栏：前端 layui 文章标签： layu 联监 jquer

本文链接：https://blog.csdn.net/sj0613xz/article/details/79098221

版权

本文介绍了如何使用jQuery选择器结合switch开关进行事件监听和校验，以【主键】和【允许为空】为例，强调了templet: '#switchTpl'与<script>标签中id的一致性，以及lay-filter属性在定义监听事件中的作用。

摘要由CSDN通过智能技术生成

最后的效果界面：

以如上所示表单信息为例，

前提：表单已生成

必须明确一点：在修改完数据以后，必须重新加载table,否则界面保持不变。

1、实现table添加控件：

添加switch开关，如【主键】和【允许为空】，以【主键】为例：重点：templet: '#switchTpl'与<script>标签中的id一致，其中标签中的lay-filter="ifKeyDemo"定义了监听事件

 
   {field :'isSerial' , title :'主键', minWidth : 120, templet: '#switchTpl', unresize : true} 
  

 
   <!-- 定义是否主键的开关 --> 
  
   <script id="switchTpl"  type="text/html"> 
  
   <!-- 这里的 checked 的状态是-->

关注

专栏目录