LayUI 向弹出层Input的Value属性传值

拼搏现实的明天。 2023-05-21 07:24 53阅读 0赞

Layer 向弹出层Input的Value属性传值及父层访问弹出层页面的方法。  
**1.传值**

let userId = "1";
    
    layer.open({ 
          type:2,
          title:'修改用户信息',
          btn:['确定','取消'],
          area: ['400px','380px'],
          content:"${pageContext.request.contextPath}/admin/toUserUpdate",
          closeBtn: "1",
          anim: "1",
          success:function(layero, index){ 
            let body = layer.getChildFrame('body', index);
            body.find('#userId').val(userId);//'#userId' 需要传值的input的ID，userId传送的值
          }
          });

前端代码：将数据传送到id="userId"的input中

<div class="form-group has-feedback feedback-left">
            <label class="col-sm-3 control-label">I D:</label>
            <div class="col-sm-9">
                <input type="text" class="form-control layer-adminId" name="userId" id="userId" value=""> 
            </div>
        </div>

这只是其中一种方式，还可以使用URL传参，这里就不写了。

**2.父层调用弹出层的方法**

点击确定按钮后执行yes：中的方法

//这是父层方法---只写了yes中的
    yes:function (index,layero){ 
            var body = layer.getChildFrame('body', index);
            var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
            iframeWin.submitInfo();//submitInfo() 子层中的方法名
            layer.close(index);//关闭弹出层操作
          },

子层页面中的方法：

function submitInfo() //submitInfo()方法即父层调用的方法
    	{ 
            var index = parent.layer.getFrameIndex(window.name);
          	//这里写具体操作方法体就可以了 
          }

发表评论取消回复

表情：

评论列表（有 0 条评论，53人围观）

还没有评论，来说两句吧...

相关阅读

相关【前端-layui-layer】layui弹出层闪退，layer弹出层闪退，layer弹出层坑

今天用layui的弹出层插件，发现两奇怪的问题： 1、弹窗打开事件还未绑定到任何按钮，可是点击form表单中的按钮可以打开我定义的弹出层 2、绑定弹出层到按钮，打开弹窗闪退

我不是女神ヾ/ 2023年07月05日 11:53/ 0 赞/ 83 阅读

相关 LayUI 向弹出层Input的Value属性传值

Layer 向弹出层Input的Value属性传值及父层访问弹出层页面的方法。 1.传值 let userId = "1"; layer.ope

拼搏现实的明天。/ 2023年05月21日 07:24/ 0 赞/ 54 阅读

相关 layui弹出层

layer.open({ type: 1, title: "项目人员分配", area: ['50%',

雨点打透心脏的1/2处/ 2023年03月13日 13:18/ 0 赞/ 78 阅读

相关 LayUi 之弹出层

这个东西应该不是很难，用到的东西也不是很多，但是弹出层却是贤心的一大亮点，所以我们还是有必要重视一下，哈哈~ 弹出层所涉及到的东西还是很多的，就比如蒙层啊，双层弹出框，

客官°小女子只卖身不卖艺/ 2022年05月20日 04:27/ 0 赞/ 437 阅读

相关 layui——弹出层

$("createUser").click(function () { layer.open({ type:2

梦里梦外;/ 2022年05月12日 14:04/ 0 赞/ 445 阅读

相关《layUI 弹出层 and 按钮》

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"

亦凉/ 2022年04月17日 02:12/ 0 赞/ 535 阅读

相关 Layui的弹出层

1：先在HTML页面上放一个button按钮，给按钮ID，设置样式，按钮的作用就是弹出layui的open层： <button|type=“button”|id="O

逃离我推掉我的手/ 2022年01月22日 03:09/ 0 赞/ 892 阅读

相关 Layui 弹出层插件

Layui 弹出层插件开发工具与关键技术： Visual Studio 2015 – Layui 作者：廖亚星撰写时间：2019年 6 月4日这段时间在做项

蔚落/ 2022年01月22日 03:05/ 0 赞/ 572 阅读

相关使用layui实现弹出层

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8">

落日映苍穹つ/ 2021年09月28日 20:34/ 0 赞/ 719 阅读

相关 layui.open属性如:打开一个弹出层

> 核心方法 > > var index = layer.open({ > type : 2, > title : t

浅浅的花香味﹌/ 2021年09月26日 09:36/ 0 赞/ 430 阅读