layui form.render('select', 'test2') 更新渲染的方法
如下所示:
<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') 更新渲染的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
相关推荐
-
解决layui中onchange失效以及form动态渲染失效的问题
最近在使用layui框架做城市的三级级联的时候,发现jquery中的onchange事件方法在layui框架中失效了. 然后浏览layui社区,了解到layui监控一个控件变化有自己的方法. html <select lay-filter="test"></select> js var form = layui.form(); form.on('select(test)', function(data){ console.log(data); }); 这样操作即
-
解决使用layui的时候form表单中的select等不能渲染的问题
1.使用的是动态的添加一些内容到表单里面去,然后就出现了原始的html标签样式,看了问题的解决也有,尝试了一下,以为是将form.render放到html页面里的script里就可以了,但是通过实验发现,不能放在页面里的script标签里面,应该放在你动态添加的元素的方法的后面,也就是添加的代码写完,放在这之后. 主要问题中说的要将select等标签放在 class="layui-form" 的标签元素下 $("#father").append("<
-
解决layui的form里的元素进行动态生成,验证失效的问题
这问题和使用layTpl动态生成页面问题类似,详细进入https://www.jb51.net/article/170000.htm form有点不同就是需要把需要执行form.render()而不是element.render():进行渲染 var data = jsonData; var getTpl = dialogTemplate.innerHTML, view = document.getElementById('dialogContent'); laytpl(getTpl).rend
-
layui form.render('select', 'test2') 更新渲染的方法
如下所示: <div class="layui-form" lay-filter="test1"> - </div> <div class="layui-form" lay-filter="test2"> - </div> [JavaScript] form.render(null, 'test1'); //更新 lay-filter="test1" 所在容器
-
防止Layui form表单重复提交的实现方法
在提交表单数据时,提交按钮为 submit 类型,以layui为js框架时,会重复提交表单数据,为防止这一情况,有效的做法是: 在<form>里面,加上 lay-filter="formConfig" , οnsubmit="return false" , 其中 "formConfig" 为自定义,然后在 提交的按钮事件内: form.on("submit(formConfig)",function(data){
-
Layui 动态禁止select下拉的例子
author:咔咔 wechat:fangkangfk 前端代码 js代码 // 禁止select点击 function disSelect() { var level = $('#is_level1').val(); if(level != 1){ layer.msg('一级分类父级不可修改'); $('select').attr('disabled', 'disabled'); form.render('select'); } } // 禁止select点击 disSelect(); 以上这
-
LayUI动态设置checkbox不显示的解决方法
1.页面引入layui.js和layui.css <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>手机银行权限配置</title> <link type="text/css" rel="stylesheet" href="common/layui/css/layui.css" r
-
layer插件select选中默认值的方法
再次更改代码的时候,因为城市下拉列表是从数据库查出来的,所以这时候就想到了一起以前用到的一个方法:select重新渲染 就是把未渲染的元素该怎么设置值还怎么设置值,然后把layer渲染出来的页面样式,从新再渲染一次, ,, 示例: [layui渲染文档](http://www.layui.com/doc/modules/form.html#render) $("#userName).val("小明"); ... $("#city").val("天
-
解决LayUI加上form.render()下拉框和单选以及复选框不出来的问题
首先: 引入需要的css和js <link rel="stylesheet" href="${ctx}/adminthemes/version3/plugins/layui/css/layui.css" rel="external nofollow" /> <script type="text/javascript" src="${ctx}/adminthemes/version3/plugins/
-
在layui中select更改后生效的方法
在layui中重新渲染表单这一步比较重要,部分表单元素需要重新渲染后才能生效,例如select 建议在js中放入以下function: //重新渲染表单 function renderForm(){ layui.use('form', function(){ var form = layui.form; //只有执行了这一步,部分表单元素才会自动修饰成功 form.render(); }); } 在每次操作部分表单元素后都进行一次调用 以上这篇在layui中select更改后生效的方法就是小编分
-
layUI ajax加载html页面后重新渲染的方法
相关问题同: 1.layUI使用jquery.load加载界面时,如何让layui渲染页面? 2.layUI ajax加载html页面后重新渲染 layUI ajax加载html页面后渲染,关键在将html插到指定位置后重新调用element.init();渲染 $.ajax({ url : url, type : 'GET', success : function(data) { $("#layui-tab-title").append("<li class='lay
-
layui的布局和表格的渲染以及动态生成表格的方法
整体的效果: 一.首先百度搜索layui的地址,然后下载layui的压缩包,,将压缩包的文件解压缩,然后将解压缩后的文件复制到你的编译器上: 二.建立一个html文件,引入layui.css 和 layui.js两个文件,一定要将地址写对,css和js要一起引用: 三.将整个页面分为三部分body标签中要引用的class为class="layui-layout-body" 3.1.头部部分:用一个大的div包裹,class="layui-layout layui-layout
随机推荐
- Python 序列的方法总结
- 用文字链接代替表单提交的按钮
- WordPress中用于获取文章作者与分类信息的方法整理
- ThinkPHP查询中的魔术方法简述
- 探讨:C++实现链式二叉树(用非递归方式先序,中序,后序遍历二叉树)
- 浅析JavaScript中的对象类型Object
- MyEclipse连接MySQL数据库报错解决办法
- JavaScript Canvas绘制圆形时钟效果
- easyui-edatagrid.js实现回车键结束编辑功能的实例
- Lua中的基本语法、控制语句总结
- jquery中实现标签切换效果的代码
- 动态加载jQuery的方法
- Visual Style中的shellstyle.dll文件修改方法
- Android发送GET与POST请求的DEMO详解
- 去除arraylist容器中的相同的对象元素的方法
- 经常用吹风机吹头发会伤发吗?
- golang如何实现mapreduce单进程版本详解
- spring boot springjpa 支持多个数据源的实例代码
- python如何为创建大量实例节省内存
- python实现log日志的示例代码