layui使用总结--在弹出层中使用form表单时,下拉、单选等不出现的问题

正常我们使用form表单的时候,新手可能会遇到的一个问题就是 

layui使用总结--在弹出层中使用form表单时,下拉、单选等不出现的问题

在文档中,已经写了很清楚了。

问题1:为什么select/checkbox/radio没显示?

答案:

layui使用总结--在弹出层中使用form表单时,下拉、单选等不出现的问题

问题2:动态添加的表单元素如何更新?

答案:

layui使用总结--在弹出层中使用form表单时,下拉、单选等不出现的问题


前面的东西,文档都说的明白了,虽然我这有点多此一举。但是我刚开始用的时候,还是被折腾过哈哈哈

当然我本文重点讲的不是上面的问题

而是

layer弹出层中,使用表单的时候,前面的问题还是会发生


比如这个样子,我在 layer.open 中使用了 form 表单,因为是动态加载的,所以如果使用了select/checkbox/radio功能的话,就会出现这个情况:

layui使用总结--在弹出层中使用form表单时,下拉、单选等不出现的问题

layui使用总结--在弹出层中使用form表单时,下拉、单选等不出现的问题

很显然,单击重置按钮的方法不是最优的方案。

但是我着实找不到在哪里去 render() 重新渲染它

文档还是挺重要的,文档翻着翻着我看到了这个:

layui使用总结--在弹出层中使用form表单时,下拉、单选等不出现的问题

弹出后回调。唔?这就是我们要的功能。

layui使用总结--在弹出层中使用form表单时,下拉、单选等不出现的问题

success 中 进行 form.render() 重载

这样就解决了在弹出层中使用form表单,select/checkbox/radio 没有效果的问题了