如何使用layui的form.render()方法进行表单渲染？

本文共计379个文字，预计阅读时间需要2分钟。

以下是对伪原创内容的简化

显示如下结构：

[JavaScript]form.render(null, 'test1'); // 更新 lay-filter=test1 所在容器内的所有表单状态

如下所示：

<div class="layui-form" lay-filter="test1"> … </div> <div class="layui-form" lay-filter="test2"> … </div> 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>

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

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