2020年10月23日

layui渲染指定的form元素layui form.render(‘select’, ‘test2’)


前提是我们已知 form.render(‘select’);  可以渲染所有的select表单元素,不过当你在同时用到multi-select这样的第三方插件以后, form.render(‘select’);  会导致插件的失效,那么如何有针对性的去渲染指定的form元素呢?附正确代码,亲测有用:


<div class="layui-form" lay-filter="test1">

…

</div>



<div class="layui-form" lay-filter="test2">

…

</div>

【JavaScript】



form.render(null, 'test1'); //更新 lay-filter="test1" 所在容器内的全部表单状态

form.render('select', 'test2'); //更新 lay-filter="test2" 所在容器内的全部 select 状态

//……

重点:

<div class=”layui-form” lay-filter=”test2″>

1、要加这个样式:class=”layui-form”

2、要加这个属性:lay-filter=”test2″

3、样式和属性不能加到本身控件中,就像下面的错误做法

 

例子:下拉框

错误用法:



<div class="layui-col-md6" >
<select name="hm2" id="hm2" lay-verify="required" class="layui-form" lay-filter="hm2">
<option value="">办理细类</option>
</select>
</div>

正确用法:


<div class="layui-form layui-col-md6" lay-filter="hm2">
<select name="hm2" id="hm2" lay-verify="required" >
<option value="">办理细类</option>
</select>
</div>

 

官方文档:https://www.layui.com/doc/modules/form.html#render

本文由专业的WEB前端外包公司-切图网原创,转载请保留版权( WEB前端开发外包www.qietu.com切图网始于2007年,提供高品质的前端开发服务、前端外包、切图外包。欢迎来电咨询!热线:027-81777732、13343477732

标签: