问题描述:小白刚上手layui,就遇到比较复杂的业务,如图,提交的form表单中,除了一个多选的select外,还包含一个table,table内部还有两个select单选,因为复选框是使用的multiSelect插件,而且在前,在点了添加之后,动态渲染select的时候,就遇到了问题,单纯使用select的渲染就会把上面的复选框也渲染成单选框
layui.form.render("select");
解决办法:
layui.form.render("select");
layui.use(['multiSelect'], function () {
var multiSelect = layui.multiSelect;
multiSelect.render("select");
});
在渲染完简单select之后,再渲染一次multiSelect,就能保留复选框的值。
找了好多地方没找到解决办法,误打误撞解决了。做个记录,也算加深了一点对渲染机制的理解。