layui 父页面向弹出框中的子页面form表单进行赋值

1 ，父页面js

 layer.open({type: 2,title: '修改数据',shadeClose: false,shade: 0.8,area: ['60%', '60%'],content: '/rentrecord/editDatas?id='+obj.data.id,success:function (layero,index) {var body=layer.getChildFrame('body',index);body.find("select[name=payType]").val(obj.data.payType);body.find("select[name=status]").val(obj.data.status);//元素更新必须使用,否则没有效果,在子页面进行render()渲染。},//关闭按钮进行刷新，否则下一个，无法进行渲染。cancel: function(index, layero){$('#searchId').click();}});

2，子页面js

layui.use(['table', 'form', 'upload', 'layer', 'laydate', 'jquery'], function () {var table = layui.table,laydate = layui.laydate,form = layui.form,$ = layui.$,layer = layui.layer,upload = layui.upload;form.render('select');

3.渲染一定要在子页面的js中进行渲染。

另一种方式，父页面有值，子页面弹出后，获取父页面的某个值，然后，通过id或者name赋值。

这里写一下通过name赋值多选框的方式。

 var dataParams1 = parent.layui.$('#repairdescIdValue').val();var a = $('input:checkbox[name="chooseDetails' + dataParams1 + '"]');a.attr("checked", "checked");form.render(null, 'formInput');

记得，一定要渲染下。

layui 父页面向弹出框中的子页面form表单进行赋值相关推荐

mui弹出提示_mui 弹窗提醒，form表单基本信息
mui.init(); hello 点击测试信息框点击测试询问框点击测试对话框用户名密码确定取消 mui在mui.init()中会自动初始化基本控件,但是动态添加的元素需要重新进行初始化 ...
layui table 弹出层刷新_layui 关闭open弹出框刷新table表格页面的方法
layui 关闭open弹出框刷新table表格页面的方法如下所示: 保存后刷新table表格源码 //弹出框 layer.open({ type: 2, shadeClose: true, s ...
QTP的那些事---页面弹出框的处理，页面等待加载的处理
处理方法:先判断父类对象是否存在,如果存在,判断相关的static文本对象是否存在,如果存在,则点击弹出框中的按钮即可: 例如如下的代码: 设置循环判断dialog对象是否存在,如果存在,就去点击相关 ...
用jQuery实现页面遮罩弹出框
页面遮罩弹出框是最常见的一种情况,今天用jQuery实现页面遮罩弹出框,主要用的技术有JQuery,css和html, html代码如下: <div id="main"> ...
jQuery弹出层登录和全屏注册表单
jQuery弹出层登录和全屏注册表单,这是一款很漂亮的jQuery登录和注册表单,点击登录时弹出一个登录窗口并伴随动画效果,注册页面则是全屏显示,非常时尚的jQuery表单. 代码: <!DOC ...
解决在Vue中使用axios用form表单出现的问题
vue中使用Axios第三方库,采用形式提交,参数格式为multipart /格式数据 ,请求参数变为对象格式的解决办法.(推荐第二种方法) 提交数据的四种编码方式一,应用/ X WWW的窗体-ur ...
layui 子页面写弹出框覆盖父页面，以及给弹框中的表单赋值
咋说呢,因为对 layui 不太熟悉,这个弹出框搞了好久,看了好多解决方案,大致尝试了一下其中几种,在坑中无法自拔...总之终于搞出来了,在这里分享一下我的笔记. 着急的直接戳这里看解决代码. 尝 ...
使用easeui dialog弹出框中使用CKeditor多次加载后无法编辑问题
问题呈现:弹出框页面 <tr class="addtr"><th>内容</th><td><!-- <textarea r ...
popup弹出html页面,Popup弹出框绑定添加数据事件（步奏详解）
这次给大家带来Popup弹出框绑定添加数据事件(步奏详解),Popup弹出框绑定添加数据事件的注意事项有哪些,下面就是实战案例,一起来看一下. 逻辑窗口P1中显示一组数据,并提供一个添加按钮点击按 ...

layui 父页面向弹出框中的子页面form表单进行赋值

layui 父页面向弹出框中的子页面form表单进行赋值相关推荐

最新文章

热门文章