layui - js控制转换的切换方法

需求：如下所示，当【主键】选择为“T”时，【允许为空】不能选择“T”，且会自动切换为“F”；

当【允许为空】选择为“T”时，判断【主键】是否为空，若为“T”，弹出提示，不予更改；

首先需要在桌子中添加转换控件：

定义主键：以模板模板形式定义控件格式，其中{{ d.isSerial=='T '？选中":"} }为其设置默认值

{字段： '是一个序列，标题： '主键，minWidth : 120，templet: ' # switchTpl '，unresize : true}！-定义是否主键的开关-脚本id='switchTpl '类型='text/html '！-这里的检查的状态是-输入类型='复选框'名称='ifKey '值={ { d . colno } } lay-skin=' switch ' lay-text=' T | F ' lay-filter=' ifKey demo ' { d . is serial=' T '？已检查":"} }/脚本定义允许为空：

{字段： '非空'，标题： '允许为空，minWidth : 100，templet : '#switchNullTpl '，unresize : true}！-定义是否允许为空的开关-脚本id='switchNullTpl '类型=' text/html '输入类型=' checkbox '名称='ifNull '值=' { { d . ColnO } } ' lay-skin=' switch ' lay-text=' T | F ' lay-filter=' IFNullDemo ' { d . NonNull==' T '？已检查":"} }/脚本添加监听：监听主键分层过滤器的方式添加监听，重点部分在

//给对象主键赋值tableData[parentTrIndex].isSerial=' T//获取允许为空的div var switchIfNull=$(parentTr).find('td:eq(6)').find(' div : eq(1)')；//修改差异的样式为F的样式，F的值switchIfNull.prop('class '，' layui-unselect layui-form-switch ')；//F的样式switchIfNull.find('em ').文本(' F ')；//F的值tableData[parentTrIndex].notNull=' F//修改数据中F的值layer.lips('此列为主键，不允许为空，obj。othis)；//提示提示

//主键form.on('switch(ifKeyDemo)'，function(obj){ //获取当前控件var selectIfKey=obj.othis//获取当前所在行var parent tr=selectifkey。父母(' tr ')；//获取当前所在行的索引var parentTrIndex=parenttr。attr('数据索引')；if(obj.elem.checked==true){//是主键//给对象主键赋值tableData[parentTrIndex].isSerial=' T//获取允许为空的div var switchIfNull=$(parentTr).find('td:eq(6)').find(' div : eq(1)')；//修改差异的样式为F的样式，F的值switchIfNull.prop('class '，' layui-unselect layui-form-switch ')；//F的样式switchIfNull.find('em ').文本(' F ')；tableData[parentTrIndex].notNull=' Flayer.lips('此列为主键，不允许为空，obj。othis)；}else{ //给对象赋值tableData[parentTrIndex].isSerial=' F } })；添加监听：监听【允许为空】,同理

//允许为空form.on('switch(ifNullDemo)'，function(obj){ //获取当前控件var selectIfKey=obj.othis//获取当前所在行var parent tr=selectifkey。父母(' tr ')；//获取当前所在行的索引var parentTrIndex=parenttr。attr('数据索引')；//获取"是否主键"的值var ifKey=parenttr。find(' TD : eq(2)').文本()。trim()；if(ifKey=='T'){ //给对象赋值//获取允许为空的div var switchIfNull=$(parentTr).find('td:eq(6)').find(' div : eq(1)')；//修改差异的样式为F的样式，F的值switchIfNull.prop('class '，' layui-unselect layui-form-switch ')；//F的样式switchIfNull.find('em ').文本(' F ')；tableData[parentTrIndex].notNull=' Flayer.alert('此列为主键，不允许为空；若要为空，请更改主键');} else { if(obj。艾伦。选中==true){//允许为空//给对象赋值tableData[parentTrIndex].notNull=' T}else{ //给对象赋值tableData[parentTrIndex].notNull=' F } } })；以上这篇layui - js控制转换的切换方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。