解决layui的radio属性或别的属性没显示出来的问题


Posted in Javascript onSeptember 26, 2019

1、这是radio没有显示出来的情况

解决layui的radio属性或别的属性没显示出来的问题

2、正常的应该是这样的

解决layui的radio属性或别的属性没显示出来的问题

3、解决方法就是:使用form.render() 刷新界面

layui.use('form',function(){
  var form = layui.form;
  
   //刷新界面 所有元素

   form.render();

});

4、它还有另一种用法

form.render('radio')

这样它就只刷新 属性radio,别的都不刷新

5、官网解释:

更新渲染

有些时候,你的有些表单元素可能是动态插入的。这时 form 模块 的自动化渲染是会对其失效的。虽然我们没有双向绑定机制(因为我们叫经典模块化框架,偷笑.gif) 但没有关系,你只需要执行 form.render(type, filter); 方法即可。

第一个参数:type,为表单的 type 类型,可选。默认对全部类型的表单进行一次更新。可局部刷新的 type 如下表:

参数(type)值 描述
select 刷新select选择框渲染
checkbox 刷新checkbox复选框(含开关)渲染
radio 刷新radio单选框框渲染

例子layui.code

form.render(); //更新全部
form.render('select'); //刷新select选择框渲染

以上这篇解决layui的radio属性或别的属性没显示出来的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
从Ajax到JQuery Ajax学习
Feb 14 Javascript
jquery动态更换设置背景图的方法
Mar 25 Javascript
浅谈 jQuery 事件源码定位问题
Jun 18 Javascript
javascript框架设计读书笔记之数组的扩展与修复
Dec 02 Javascript
jQuery手机浏览器中拖拽动作的艰难性分析
Feb 04 Javascript
JavaScript中return false的用法
Mar 12 Javascript
jQuery Mobile页面返回不需要重新get
Apr 26 Javascript
使用Angular.js开发的注意事项
Oct 19 Javascript
vue通过点击事件读取音频文件的方法
May 30 Javascript
Vue实现类似Spring官网图片滑动效果方法
Mar 01 Javascript
layui输入框只允许输入中文且判断长度的例子
Sep 18 Javascript
Vue中key的作用示例代码详解
Jun 10 Javascript
对Layer UI 模块化的用法详解
Sep 26 #Javascript
vue源码中的检测方法的实现
Sep 26 #Javascript
IntelliJ IDEA编辑器配置vue高亮显示
Sep 26 #Javascript
layer.open 子页面弹出层向父页面传输数据的例子
Sep 26 #Javascript
Vue项目环境搭建详细总结
Sep 26 #Javascript
layer.open 获取不到表单信息的解决方法
Sep 26 #Javascript
layui: layer.open加载窗体时出现遮罩层的解决方法
Sep 26 #Javascript
You might like
使用Limit参数优化MySQL查询的方法
2008/11/12 PHP
简单实现PHP留言板功能
2016/12/21 PHP
Laravel中encrypt和decrypt的实现方法
2017/09/24 PHP
PHP设计模式之装饰器(装饰者)模式(Decorator)入门与应用详解
2019/12/13 PHP
PHP操作Redis常用命令的实例详解
2020/12/23 PHP
Javascript中的var_dump函数实现代码
2009/09/07 Javascript
JavaScript DOM 学习第二章 编辑文本
2010/02/19 Javascript
jQuery插件Tmpl的简单使用方法
2015/04/27 Javascript
IE8 内存泄露(内存一直增长 )的原因及解决办法
2016/04/06 Javascript
jQuery自制提示框tooltip改进版
2016/08/01 Javascript
详谈js原型继承的一些问题
2017/09/06 Javascript
nodejs简单访问及操作mysql数据库的方法示例
2018/03/15 NodeJs
使用Angular-CLI构建NPM包的方法
2018/09/07 Javascript
webpack3里使用uglifyjs压缩js时打包报错的解决
2018/12/13 Javascript
jQuery实现简单QQ聊天框
2020/08/27 jQuery
js实现圆形菜单选择器
2020/12/03 Javascript
python在windows命令行下输出彩色文字的方法
2015/03/19 Python
Windows中使用wxPython和py2exe开发Python的GUI程序的实例教程
2016/07/11 Python
Python运算符重载详解及实例代码
2017/03/07 Python
Python编程学习之如何判断3个数的大小
2019/08/07 Python
python读写Excel表格的实例代码(简单实用)
2019/12/19 Python
Python requests设置代理的方法步骤
2020/02/23 Python
基于Python数据结构之递归与回溯搜索
2020/02/26 Python
Python 实现将大图切片成小图,将小图组合成大图的例子
2020/03/14 Python
对python中各个response的使用说明
2020/03/28 Python
一款纯css3实现的漂亮的404页面的实例教程
2014/11/27 HTML / CSS
利用CSS3实现开门效果实例源码
2016/08/22 HTML / CSS
全球烹饪课程的领先预订平台:Cookly
2020/01/28 全球购物
造型师求职自荐信
2013/09/27 职场文书
工程部经理岗位职责
2013/12/08 职场文书
关于祖国的演讲稿
2014/05/04 职场文书
投标人廉洁自律承诺书
2014/05/26 职场文书
委托书英文
2015/01/28 职场文书
2015年综治宣传月活动总结
2015/03/25 职场文书
投资合作意向书范本
2015/05/08 职场文书
教师聘用意向书
2015/05/11 职场文书