您的位置:首页 > 产品设计 > UI/UE

layui form.render('select', 'test2') 更新渲染的方法

2019-09-27 10:47 3059 查看

如下所示:

<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

以上这篇layui form.render('select', 'test2') 更新渲染的方法就是小编分享给大家的全部内容了,希望能给大家一个参考

您可能感兴趣的文章:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  layui form render 渲染