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 select 渲染
- 解决使用layui的时候form表单中的select等不能渲染的问题
- layui 地区三级联动 form select 渲染的实例
- layui动态渲染生成select的option值方法
- 动态加载select后form.render()方法不管用
- 关于layui的form里的元素进行动态生成,验证失效解决方法
- 说说layui的form中的二级联动select注意点
- layui 点击重置按钮, select 并没有被重置的解决方法
- layui表格的方法渲染 :加表格序号
- layui框架table 数据表格的方法级渲染
- layui 选择select 渲染下一个select的option
- Smartform不建结构传送数据方法(更新中)
- vue2.0数据更新,重新渲染视图的三种方法
- layui问题之渲染数据表格时,仅出现10条数据的解决方法
- layui使用form表单实现post请求页面跳转的方法
- layui.open打开的页面执行form.render()无效解决办法
- Layui Layer在open弹出层中异步加载数据和form表单radio、checkbox、select不渲染,不可点击的解决办法
- angularjs如何在视图渲染结束之后,或者render之后执行指令中的link方法呢?
- elementui select组件选中后无法自动刷新更新值渲染到页面中
- 一个linux典型的select模型更新方法