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


Posted in Javascript onSeptember 27, 2019

如下所示:

<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') 更新渲染的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JS多物体 任意值 链式 缓冲运动
Aug 10 Javascript
open 动态修改img的onclick事件示例代码
Nov 13 Javascript
文本框只能选择数据到文本框禁止手动输入
Nov 22 Javascript
JS实现仿QQ聊天窗口抖动特效
May 10 Javascript
使用jspdf生成pdf报表
Jul 03 Javascript
Node.js编写组件的三种实现方式
Feb 25 Javascript
JS中的==运算: [''] == false —&gt;true
Jul 24 Javascript
Google 爬虫如何抓取 JavaScript 的内容
Apr 07 Javascript
详解在React.js中使用PureComponent的重要性和使用方式
Jul 10 Javascript
原生JS实现动态加载js文件并在加载成功后执行回调函数的方法
Dec 30 Javascript
Vue中Table组件Select的勾选和取消勾选事件详解
Mar 19 Javascript
Vue-cli assets SubDirectory及PublicPath区别详解
Aug 18 Javascript
jquery 回调操作实例分析【回调成功与回调失败的情况】
Sep 27 #jQuery
关于ligerui子页面关闭后,父页面刷新,重新加载的方法
Sep 27 #Javascript
vue实现表格过滤功能
Sep 27 #Javascript
vue实现手机端省市区区域选择
Sep 27 #Javascript
使用layui的layer组件做弹出层的例子
Sep 27 #Javascript
vue选项卡切换登录方式小案例
Sep 27 #Javascript
layer.open提交子页面的form和layedit文本编辑内容的方法
Sep 27 #Javascript
You might like
【动漫杂谈】关于《请在T台上微笑》
2020/03/03 日漫
PHP header()函数使用详细(301、404等错误设置)
2013/04/17 PHP
php将mysql数据库整库导出生成sql文件的具体实现
2014/01/08 PHP
PHP操作路由器实现方法示例
2019/04/27 PHP
json原理分析及实例介绍
2012/11/29 Javascript
JS 添加网页桌面快捷方式的代码详细整理
2012/12/27 Javascript
JS+CSS3模拟溢出滚动效果
2016/08/12 Javascript
根据Bootstrap Paginator改写的js分页插件
2016/12/25 Javascript
vuejs实现本地数据的筛选分页功能思路详解
2017/11/15 Javascript
微信小程序checkbox组件使用详解
2018/01/31 Javascript
在react-router4中进行代码拆分的方法(基于webpack)
2018/03/08 Javascript
js+SVG实现动态时钟效果
2018/07/14 Javascript
ES6入门教程之let、const的使用方法
2019/04/13 Javascript
原生js基于canvas实现一个简单的前端截图工具代码实例
2019/09/10 Javascript
[38:32]DOTA2上海特级锦标赛A组资格赛#2 Secret VS EHOME第二局
2016/02/26 DOTA
shelve  用来持久化任意的Python对象实例代码
2016/10/12 Python
Python编程修改MP3文件名称的方法
2017/04/19 Python
Python 一键制作微信好友图片墙的方法
2019/05/16 Python
python GUI库图形界面开发之PyQt5切换按钮控件QPushButton详细使用方法与实例
2020/02/28 Python
如何使用python代码操作git代码
2020/02/29 Python
k-means 聚类算法与Python实现代码
2020/06/01 Python
介绍一下Cookie和Session及他们之间的区别
2012/11/20 面试题
自我评价是什么
2014/01/04 职场文书
如何写一封打动人心的求职信
2014/02/17 职场文书
《谁的本领大》教后反思
2014/04/25 职场文书
市政管理求职信范文
2014/05/07 职场文书
植树节口号
2014/06/21 职场文书
学校节能宣传周活动总结
2014/07/09 职场文书
群众路线教育党员自我剖析材料
2014/10/06 职场文书
运动会广播稿200字(10篇)
2014/10/12 职场文书
中学生勤俭节约倡议书
2015/04/29 职场文书
在职证明书模板
2015/06/15 职场文书
2015年第31个教师节致辞
2015/07/31 职场文书
银行中层干部培训心得体会
2016/01/11 职场文书
导游词之河北邯郸
2019/09/12 职场文书
Mysql 如何批量插入数据
2021/04/06 MySQL