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

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);
      	//这里写具体操作方法体就可以了 
      }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值