2020/04/17 form表单在 layer.open中渲染

最新推荐文章于 2023-11-03 13:40:04 发布
最新推荐文章于 2023-11-03 13:40:04 发布
阅读量732 收藏
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lin_qi_y/article/details/105589978
版权

想在layer.open弹出框中使用form，写完代码以后却怎么也调不出radio单选框，百思不得其解，在这里插入图片描述

一通查找，发现原来open中的form没有动态渲染，只能是静态页面，因此在layui.open后加上form.render();就可以正常显示了
在这里插入图片描述在这里插入图片描述
但是在可以运行的情况下，页面f12还是报错
在这里插入图片描述问题尚未解决

lin_qi_y
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
解决layer弹出层中表单不起作用的问题
10-16
在弹出层成功打开后，调用`form.render('checkbox')`方法是为了重新渲染表单中的开关元素，确保它们的样式和交互正常。这一步在初始加载时可能因为弹出层的特殊性而变得必要。 当用户点击“确认”按钮时，`yes`回调...
关于layui 弹出层一闪而过就消失的解决方法
12-11
在示例代码中，`form.on('submit(test)', function(data) {}`用于监听`test`过滤器的表单提交事件。当表单提交时，会执行这个回调函数。在这个函数内，使用`layer.confirm`创建了一个确认对话框。然而，如果在其他...
layui form.render() 重新渲染layer.open打开iframe
opfan的博客
04-11 1万+
在layui.open打开的页面执行form.render（）,要获取iframe的window对象 来执行它 layui.layer.open({ content : userAdd, success : function(layero, index){ //获取新窗口对象
layer.open增添模板效果子级页面（layui模板渲染数据）
weixin_34396103的博客
11-09 704
//alert.html<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>随访结论模板</title> <meta name="renderer" content="webkit"> <m...
记一次解决layui 的bug - layer.open 与 layui渲染问题
dicha7140的博客
05-23 906
场景是这样的，通过layer打开一个弹窗，里面放置一个表单，表单是用layui来渲染的。 当弹窗完成之后，我需要渲染表单中的一些内容、譬如laydate。 layer.open({ type: 1, title: "新增产品系列", content: $("#add_div").html(), btn: ['...
Layui的layui.open打开的iframe页面执行form.render()无效的解决办法
10-23 1万+
在html代码与引入的layui正确的情况下，layui.open有时候会出现form.render()渲染无效的情况， 这时候可以通过获取新窗口的对象来通过form.render()重新渲染 var indexTpl = layui.layer.open({ title: name, type: 2, content: ur...
layer插件select选中默认值的方法
10-18
在网页开发中，layer是一个非常流行的JavaScript弹层插件，它提供了丰富的对话框、提示、加载等组件。本文主要探讨如何在使用layer时为select选择框设置默认选中值的方法。 在HTML表单中，select元素常用于创建下拉...
基于layui点击按钮弹出包含表单的窗口
03-16
这个例子涵盖了layui的`form`和`layer`模块的基本使用，包括按钮事件监听、弹窗创建、表单渲染、表单验证以及表单提交。通过深入学习layui文档，你可以发掘更多高级特性和定制化选项，进一步提升你的前端开发效率。
使用layer弹窗,制作编辑User信息页面的方法
10-16
在本文中，我们将探讨如何利用layer弹窗技术来创建一个编辑User信息的页面。layer是一个常用的JavaScript弹出层插件，常用于实现对话框、提示框、加载层等多种功能。在制作编辑User信息页面的过程中，我们需要考虑...
layUI使用layer.open,在content打开数据表格,获取值并返回的方法
10-16
今天小编就为大家分享一篇layUI使用layer.open,在content打开数据表格,获取值并返回的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layui选择框-动态渲染数据
alo_ne的博客
11-17 679
<select name="xm" id="xm" lay-verify="required" lay-filter="xmFilter"> <option value=""></option> </select> <script> layui.use(['form', 'upload', 'layer'], function () { var form = layui.form; 　　　　 //检查项目添加到下拉框中 $.ajax(
layui渲染弹出层无效 layui.layer 弹出层无法渲染
Amy_Victoria的博客
01-06 3906
layui渲染弹出层里的样式没法渲染 折腾了几个小时，试了各种方法，最后发现是没把表单设为layui-form <form class="layui-form" >非常重要 触发弹出层代码 弹出层页面注意一定要把 表单设为layui-form <form class="layui-form" >非常重要 再加上 重新渲染，问题完美解决 ...
layui open 打开弹出层 ，加载form表单
yyd6976的博客
04-19 2201
你的时间选择器肯定是在弹层之前初始化的！ 所以 在 layer.open() 之前初始化 laydate.render({ elem: '#executionDeadline' ,range: true ,done: function(value, date){} ...
layui form.render更新渲染无效或失效解决方案
橙-极纪元-cplvfx-JJY.Cheng
08-21 1万+
layui form.render更新渲染失效或无效解决方案 我的项目是这样的，表单是一个独立的层，用layui的弹窗layer.open()弹出这个层来编辑数据，在编辑数据时，如果操作过快；弹出层>>赋值数据>>接着用form.render()更新渲染表单的单选组无效（失效）；单选组没有赋值；网上也没有解决方案，最后，无奈只得看源码： layui form.render()源码： u.prototype.render = function(e, i) { ..
Layui Layer在open弹出层中异步加载数据和form表单radio、checkbox、select不渲染，不可点击的解决办法
热门推荐
飞起来的小猪的博客
12-05 3万+
Layui Layer在open弹出层中异步加载数据和form表单radio、checkbox、select不渲染，不可点击的解决办法
layer.open再次渲染html，子页面调用在父页面打开弹出层，渲染html
最新发布
u011511086的专栏
11-03 3734
layer.open再次渲染html，子页面调用在父页面打开弹出层，渲染html
layui弹出层layer.open获取from中layui下拉框选中的text文本
wcy1900353090的博客
12-13 1万+
 首先这是弹出层内网页的下拉框代码，从这个代码中我们可以看到select元素上方有个隐藏（hidden）的input框（这个是非常重要的存在），而input框的id正好是select内自定义属性textId的值，还有select内lay-filter的值为"select"，这个细节也非常重要这样可以避免我们写过多的select选择监听，下面会做出解释。 &lt;div class="layui...
layui动态表单，将后端数据自动渲染到表单中，修改后再提交到后端
运维@小兵的博客
04-17 4582
一、背景 点击服务器信息右侧的编辑按钮,弹出表单，表单自动填充当前服务器信息的值，修改后提交到后端 二、效果 将负责人改成李四后点击下方的立即提交按钮 修改成功 三、前端代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scal
使用table.on('tool(test)', function (obj)和layer实现layui修改功能的数据回显，也就是将数据传到layer.open中的updateBook.html页面，请给出具体的完整代码
05-19
layer.open({ type: 2, title: '更新图书信息', content: '/updateBook.html', area: ['500px', '400px'], btn: ['保存', '取消'], yes: function(index, layero){ // 更新图书信息 var iframeWin = window...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值