解决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 相关文章推荐
javascript Onunload与Onbeforeunload使用小结
Dec 31 Javascript
ExtJS PropertyGrid中使用Combobox选择值问题
Jun 13 Javascript
使用ExtJS技术实现的拖动树结点
Aug 05 Javascript
JS代码放在head和body中的区别分析
Dec 01 Javascript
自定义ExtJS控件之下拉树和下拉表格附源码
Oct 15 Javascript
JS中使用sort结合localeCompare实现中文排序实例
Jul 23 Javascript
javascript制作网页图片上实现下雨效果
Feb 26 Javascript
JavaScript获取元素尺寸和大小操作总结
Feb 27 Javascript
Jquery实现弹性滑块滑动选择数值插件
Aug 08 Javascript
Javascript中的Prototype到底是什么
Feb 16 Javascript
jquery实现超简单的瀑布流布局【推荐】
Mar 08 Javascript
Layui表格监听行单双击事件讲解
Nov 14 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
用PHP连mysql和oracle数据库性能比较
2006/10/09 PHP
php 一元分词算法
2009/11/30 PHP
php float不四舍五入截取浮点型字符串方法总结
2013/10/28 PHP
Laravel 创建可以传递参数 Console服务的例子
2019/10/14 PHP
js获取下拉列表的值和元素个数示例
2014/05/07 Javascript
JavaScript实现的石头剪刀布游戏源码分享
2014/08/22 Javascript
javascript模拟实现ajax加载框实例
2014/10/15 Javascript
jquery简单实现幻灯片的方法
2015/08/03 Javascript
JavaScript实现将文本框的值插入指定位置的方法
2015/08/13 Javascript
jQuery往返城市和日期查询实例讲解
2015/10/09 Javascript
JavaScript中定义对象原型的两种使用方法
2016/12/15 Javascript
用jQuery实现优酷首页轮播图
2017/01/09 Javascript
使用AngularJS 跨站请求如何解决jsonp请求问题
2017/01/16 Javascript
利用JQUERY实现多个AJAX请求等待的实例
2017/12/14 jQuery
typescript配置alias的详细步骤
2020/08/12 Javascript
python中执行shell命令的几个方法小结
2014/09/18 Python
用Python进行TCP网络编程的教程
2015/04/29 Python
python递归计算N!的方法
2015/05/05 Python
Python基于checksum计算文件是否相同的方法
2015/07/09 Python
tensorflow 获取变量&打印权值的实例讲解
2018/06/14 Python
Python图像处理之gif动态图的解析与合成操作详解
2018/12/30 Python
pybind11在Windows下的使用教程
2019/07/04 Python
基于python二叉树的构造和打印例子
2019/08/09 Python
在PyCharm中遇到pip安装 失败问题及解决方案(pip失效时的解决方案)
2020/03/10 Python
pycharm设置python文件模板信息过程图解
2020/03/10 Python
python使用信号量动态更新配置文件的操作
2020/04/01 Python
matplotlib 曲线图 和 折线图 plt.plot()实例
2020/04/17 Python
细说NumPy数组的四种乘法的使用
2020/12/18 Python
Uber Eats台湾:寻找附近提供送餐服务的餐厅
2018/05/07 全球购物
Java程序员常见面试题
2015/07/16 面试题
运动会铅球比赛加油稿
2014/09/26 职场文书
乡镇党员干部四风对照检查材料思想汇报
2014/09/27 职场文书
2016年高校自主招生自荐信范文
2015/03/24 职场文书
四群教育工作总结
2015/08/10 职场文书
学习经验交流会策划书
2015/11/02 职场文书
CSS 伪元素::marker详解
2021/06/26 HTML / CSS