如下所示,当【主键】选择为“T”时,【允许为空】不能选择“T”,且会自动切换为“F”;
当【允许为空】选择为“T”时,判断【主键】是否为空,若为“T”,弹出提示,不予更改;
<强>首先需要在表中添加开关控件:
定义主键:以样板模板形式定义控件格式,其中{{d。isSerial==' T ' & # 63;“检查”:“}}为其设置默认值
{字段:“isSerial”,标题:“主键”,minWidth: 120年,模板:# switchTpl, unresize:真正的}
之前
& lt; !——定义是否主键的开关——比;
& lt;脚本id=" switchTpl " type=" text/html "比;
& lt; !——这里的检查的状态是——比;
& lt;输入类型=案囱】颉泵?癷fKey”价值=https://www.yisu.com/zixun/{{d.colNo}} lay-skin=翱亍眑ay-text=癟 | F”lay-filter=癷fKeyDemo”{{d。isSerial==' T ' & # 63;“检查”:“}}比;
& lt;/script>
之前
<强>定义允许为空:
{字段:“notNull”,标题:“允许为空的,minWidth: 100年,模板:# switchNullTpl, unresize:真正的}
之前
& lt; !——定义是否允许为空的开关——比;
& lt;脚本id=" switchNullTpl " type=" text/html "比;
& lt;输入类型=案囱】颉眓ame=" ifNull " value=" https://www.yisu.com/zixun/{{d.colNo}}”lay-skin=翱亍眑ay-text=癟 | F”lay-filter=癷fNullDemo”{{d。notNull==' T ' & # 63;“检查”:“}}比;
& lt;/script>
之前
添加监听:监听主键,lay-filter的方式添加监听,重点部分在
//给对象主键赋值
tableData [parentTrIndex]。isSerial=癟”;//获取允许为空的div
var switchIfNull=$ (parentTr);(“道明:eq (6)”); (" div: eq (1) ");//修改div的样式为F的样式,F的值
switchIfNull。道具(“阶级”、“layui-unselect layui-form-switch ");//F的样式
switchIfNull.find (em)。text (“F”);//F的值
tableData [parentTrIndex]。notNull=癋”;//修改数据中F的值
layer.lips(“此列为主键,不允许为空的,obj.othis);//提示提示
//主键
form.on(开关(ifKeyDemo),函数(obj) {//获取当前控件
var selectIfKey=obj.othis;//获取当前所在行
var parentTr=selectIfKey.parents (tr);//获取当前所在行的索引
var parentTrIndex=parentTr.attr(“材料指数”);
如果(obj.elem。检查==true){//是主键//给对象主键赋值
tableData [parentTrIndex]。isSerial=癟”;//获取允许为空的div
var switchIfNull=$ (parentTr);(“道明:eq (6)”); (" div: eq (1) ");//修改div的样式为F的样式,F的值
switchIfNull。道具(“阶级”、“layui-unselect layui-form-switch ");//F的样式
switchIfNull.find (em)。text (“F”);
tableData [parentTrIndex]。notNull=癋”;
layer.lips(“此列为主键,不允许为空的,obj.othis);
其他}{//给对象赋值
tableData [parentTrIndex]。isSerial=癋”;
}
}）;
之前
添加监听:监听【允许为空,同理
//允许为空
form.on(开关(ifNullDemo),函数(obj) {//获取当前控件
var selectIfKey=obj.othis;//获取当前所在行
var parentTr=selectIfKey.parents (tr);//获取当前所在行的索引
var parentTrIndex=parentTr.attr(“材料指数”);//获取”是否主键”的值
var ifKey=parentTr.find ((td: eq (2)))。text () .trim ();
如果(ifKey==癟”) {//给对象赋值//获取允许为空的div
var switchIfNull=$ (parentTr);(“道明:eq (6)”); (" div: eq (1) ");//修改div的样式为F的样式,F的值
switchIfNull。道具(“阶级”、“layui-unselect layui-form-switch ");//F的样式
switchIfNull.find (em)。text (“F”);
tableData [parentTrIndex]。notNull=癋”;
layer.alert(“此列为主键,不允许为空;若要为空,请更改主键”);
其他}{
如果(obj.elem。检查==true){//允许为空//给对象赋值
tableData [parentTrIndex]。notNull=癟”;
其他}{//给对象赋值
tableData [parentTrIndex]。notNull=癋”;
}
}
}）;
