精华内容
下载资源
问答
  • layui弹窗间的传值(layui弹出层传值)(窗口传值) LayUI父窗口向弹出层传递数据可以解决页面中的编辑数据的操作。点击编辑按钮,父窗口传递当前选中行当数据至弹出层,弹出层获取到父窗口传递的数据,接着在弹出层中...

    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,一起学习一起进步!

    展开全文
  • layui 弹出层传值的使用方法

    千次阅读 2018-12-01 10:43:03
    首先图片内的代码是 在一个layui 表格中的列监听事件中  data就是我们要传到打开的窗口内的数据 子类页面中: 获取的方法很简单 没错就是一句话  function child(res, index) {  $("#user_id")....

    废话不说,直接上案例

    父类页面中:

    首先图片内的代码是 在一个layui 表格中的列监听事件中 

    data就是我们要传到打开的窗口内的数据

    子类页面中:

    获取的方法很简单 没错就是一句话

        function child(res, index) {
            $("#user_id").val(res.user_id);
       }

    只需要写一个方法 就可以获取到了 ,res就是我们要接收的数据

    index则可以根据下标来进行操作完成后 关闭当前打开的子类页面

    在这 里多补充一点

    1.当我在子类页面写一个点击事件 在事件内部  加入    这一句 代码 

       parent.iframe(index); 

    代表  当前执行父类中的iframe方法

    而此方法 需要传入一个index  指定是哪个 弹出层的下标

    2.当然 了  既然都这样说了 那在父类中肯定需要这样一个方法喽

     function iframe(index){
             layer.close(index);
         }

    最终 提示一下 layui的使用 有点繁琐 当我们引入layui组件后   要使用什么就要声明什么,具体的可以查看Layui官网

    Layui官网地址:https://www.layui.com/

    展开全文
  • //子页面关闭弹出层 var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引 parent.layer.close(index);//关闭弹出层 parent.layui.table.reload('blog-info-container-data-table',{...
    //父级操作子级:
    
    //用于操作元素 
    
    var body = layer.getChildFrame('body', index); 
    
    //拥有调用子页面的全局方法 
    
    var iframeWin = window[layero.find('iframe')[0]['name']]; 
    
    //具体操作元素
    
    body.find("input[name='blogId']").val(data.blogId);
    
    //具体操作方法 方法在子类一定是要在全局不然会方法无法访问 也就是要放在script标签下面
    
    iframeWin.test(aaa)
    
    
    
    //子页面关闭弹出层
    
    var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
    parent.layer.close(index);//关闭弹出层
    parent.layui.table.reload('blog-info-container-data-table',{page: {curr: $(".layui-laypage-em").next().html()}});//刷新主页表格

     

    展开全文
  • $("#btn").click(function(){ layer.open({ type: 2, area: ['800px', '600px'], btn: ["确定", '关闭'], content: 'http://192.168.1.5/ditu.html', success : function(res){
    $("#btn").click(function(){
                layer.open({                type: 2,                area: ['800px', '600px'],                btn: ["确定", '关闭'],                content: 'http://192.168.1.5/ditu.html',                success : function(res){                    console.log("666")                    layer.msg("ok")                },                btn1: function(index, layero) {                 var obj = layero.find("iframe")[0].contentWindow; //获取子窗口对象                 console.log(obj.$("#addr_cur").val()) //获取子窗口数据                },            });        });
    
    展开全文
  • 一级弹出层:弹出打开页面layer.open({type: 2,title: '添加用户',content: '../user/goAdd',area: ['460px', '450px'],btnAlign: 'c',btn: ['确定', '取消'],yes: function(index, layero){var iframeWindow = ...
  • 场景描述:layui 弹出层 相信贴个图片就能一目了然了,就不多哔哔了 解决方案:` function openAddPage(_titel, data){ var index = layui.layer.open({ title : _titel, type : 2, area : ['500px', '400px'],
  • 今天小编就为大家分享一篇layui 弹出层回调获取弹出层数据的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 今天小编就为大家分享一篇layui 弹出层值回传解决方式,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 主要介绍了jQuery Layer弹出层传值到父页面的实现代码,需要的朋友可以参考下
  • layui弹窗父子页面传值

    千次阅读 2020-01-15 17:27:09
    在弹框成功后获取写在子页面的...根据layui文档 layer.open({ type: 2, content: ‘test/iframe.html’, success: function(layero, index){ var body = layer.getChildFrame(‘body’, index); var iframeWin = win...
  • //打开弹窗后回触发succes回调,有俩个参数分别是当前层DOM当前层索引 success: function(dom, index) { //通过索引获取到当前iframe弹出层 var iframe = window['layui-layer-iframe' + index]; //调用iframe弹出...
  • Layui 弹出层选择实现

    千次阅读 2020-09-23 17:27:50
    实际Web项目中,下拉框仅能实现数据量少的场景,当我们添加一个商品时,...父JS <script> layui.use(['layedit', 'form', 'layer', 'upload'], function () { var form = layui.form, $ = layui.jquery, la
  • layui弹出层post请求

    万次阅读 2018-06-07 16:14:19
    遇到的问题: ... 我的请求是这样的: layer.open({ type: 2, anim: 0, title: "查看二维码", area: ['35%', '70%'], ...在请求layui弹出层需要传入的参数过多过长而不能使用get请求时,也可通过这种方式。
  • (function ($) { var layer = layui.layer; var table = layui.table; $('.g-screen .addNew').click(function () { layer.open({ type: 2, title: '添加促销规则', ...
  • 首先获取弹出层,再调用弹出层的child方法 layer.open({ type: 2, content: 'jsp/video/showvideo.jsp', //这里content是一个URL,如果你不想让iframe出现滚动条,你还可以content: ['http://sentsin.com', 'no']

空空如也

空空如也

1 2 3 4 5 ... 14
收藏数 274
精华内容 109
关键字:

layui弹出层传值