解决layui 表单元素radio不显示渲染的问题


Posted in Javascript onSeptember 04, 2019

最近一直在使用layui,一个对程序员相对友好的前端框架,很多效果都进行了初步的封装。

在使用过程中遇到最多的问题就是引用的问题,各种模板无法使用,虽然都一一百度解决。

本次需要解决的问题是 layui-form表单无法渲染效果。

我希望的效果是

解决layui 表单元素radio不显示渲染的问题

但是程序运行效果是

解决layui 表单元素radio不显示渲染的问题

问题分析:

因为这个表单,我是使用laytpl动态插入的,因此表单中radio的效果并没有渲染上,打开调试模式可以看到

正常的radio渲染结果,应该是包括一个i标签和一个span标签

解决layui 表单元素radio不显示渲染的问题

而我们的渲染结果,只有一个input标签

解决layui 表单元素radio不显示渲染的问题

所以导致这个位置没有数据显示。

解决:

由于该框架较新,大部分的内容只能通过官网的论坛获取,所以找了好久,最后在官方文档中看到一句话

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

其中的type即表单的type类型,可选。默认对全部类型的表单进行一次更新。可局部刷新的type如下表:

于是我在模板插入代码的最后,加了一句

form.render(); //更新全部

好了,问题解决!!!!!

以上这篇解决layui 表单元素radio不显示渲染的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 多种搜索引擎集成的页面实现代码
Jan 02 Javascript
在JS中最常看到切最容易迷惑的语法(转)
Oct 29 Javascript
Eclipse下jQuery文件报错出现错误提示红叉
Jan 13 Javascript
JavaScript实现列出数组中最长的连续数
Dec 29 Javascript
javascript中不易分清的slice,splice和split三个函数
Mar 29 Javascript
jQuery.cookie.js使用方法及相关参数解释
Mar 06 Javascript
Angular中点击li标签实现更改颜色的核心代码
Dec 08 Javascript
Vue-Cli 3.0 中配置高德地图的两种方式
Jun 19 Javascript
vue实现手机端省市区区域选择
Sep 27 Javascript
vue 强制组件重新渲染(重置)的两种方案
Oct 29 Javascript
jquery实现异步文件上传ajaxfileupload.js
Oct 23 jQuery
vue项目如何打包之项目打包优化(让打包的js文件变小)
Apr 30 Vue.js
对layer弹出框中icon数字参数的说明介绍
Sep 04 #Javascript
Element 默认勾选表格 toggleRowSelection的实现
Sep 04 #Javascript
使用Angular material主题定义自己的组件库的配色体系
Sep 04 #Javascript
vue-loader中引入模板预处理器的实现
Sep 04 #Javascript
解决layer图标icon不加载的问题
Sep 04 #Javascript
JSX在render函数中的应用详解
Sep 04 #Javascript
关于layui的动态图标不显示的解决方法
Sep 04 #Javascript
You might like
php入门学习知识点八 PHP中for循环基本应用之九九乘法口绝表
2011/07/14 PHP
一个PHP并发访问实例代码
2012/09/06 PHP
Laravel框架处理用户的请求操作详解
2019/12/20 PHP
jquery之Document元素选择器篇
2008/08/14 Javascript
javascript写的一个链表实现代码
2009/10/25 Javascript
Iframe 自适应高度并实时监控高度变化的js代码
2009/10/30 Javascript
Jquery Ajax学习实例6 向WebService发出请求,返回DataSet(XML) 异步调用
2010/03/18 Javascript
jQuery基础知识filter()和find()实例说明
2010/07/06 Javascript
SOSO地图JS画出标注和中心点以html形式运行
2013/08/09 Javascript
Js base64 加密解密介绍
2013/10/11 Javascript
JavaScript省市联动实现代码
2014/02/15 Javascript
clipboard.js无需Flash无需依赖任何JS库实现文本复制与剪切
2015/10/10 Javascript
JavaScript蒙板(model)功能的简单实现代码
2016/08/04 Javascript
利用canvas实现的加载动画效果实例代码
2017/07/05 Javascript
微信小程序button组件使用详解
2018/01/31 Javascript
JS实现生成由字母与数字组合的随机字符串功能详解
2018/05/25 Javascript
基于js判断浏览器是否支持webGL
2020/04/18 Javascript
用Python代码来绘制彭罗斯点阵的教程
2015/04/03 Python
浅谈Python中的闭包
2015/07/08 Python
利用python爬取斗鱼app中照片方法实例
2017/12/03 Python
python数据抓取分析的示例代码(python + mongodb)
2017/12/25 Python
python 获取当天凌晨零点的时间戳方法
2018/05/22 Python
Python实现迭代时使用索引的方法示例
2018/06/05 Python
python使用zip将list转为json的方法
2018/12/31 Python
python实现PDF中表格转化为Excel的方法
2020/06/16 Python
python json.dumps() json.dump()的区别详解
2020/07/14 Python
HTML5不支持frameset的两种解决方法
2016/11/14 HTML / CSS
新西兰Bookabach:查找全球度假屋
2020/12/03 全球购物
应付会计岗位职责
2013/12/12 职场文书
集团公司人力资源部岗位职责
2014/01/03 职场文书
知名企业招聘广告词大全
2014/03/18 职场文书
公司合作协议书范本
2014/04/18 职场文书
党员自评材料范文
2014/12/17 职场文书
小学工作总结2015
2015/05/04 职场文书
css3实现背景图片颜色修改的多种方式
2021/04/13 HTML / CSS
python for循环赋值问题
2021/06/03 Python