layui弹窗间的传值(layui弹出层传值)(窗口传值)
LayUI父窗口向弹出层传递数据可以解决页面中的编辑数据的操作。点击编辑按钮,父窗口传递当前选中行当数据至弹出层,弹出层获取到父窗口传递的数据,接着在弹出层中展示出来。效果如下:
具体步骤
到LayUI官网寻找案例
代码我从LayUI官网拷贝下来了:
layer.open({
type: 2,
content: 'test/iframe.html',
success: function(layero, index){
var body = layer.getChildFrame('body', index);
var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象,执行iframe页的方法:iframeWin.method();
console.log(body.html()) //得到iframe页的body内容
body.find('input').val('Hi,我是从父页来的')
}
});
以上代码片加入到代码中能立刻见到效果,因为==body.find(‘input’).val(‘Hi,我是从父页来的’)==这一行代码的意思为找到弹出层中的input标签,将val赋值为“Hi,我是从父页来的“。
总结
LayUI的弹出层方法封装得很好,掌握了这一个方法可以实现快速的给弹出层赋值。感谢你的阅读,希望这篇文章对你有小小的帮助。我是黑马Jack,一起学习一起进步!