easyui dialog对话框父子页面传数据

最新推荐文章于 2023-09-13 14:19:52 发布

XinShun

最新推荐文章于 2023-09-13 14:19:52 发布

阅读量2.5k

点赞数

分类专栏： Javascript

本文链接：https://blog.csdn.net/XinShun/article/details/96478854

版权

Javascript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

1、父页面, index.html

var detail = $('#deatil').dialog({
                title: title
                , iconCls: 'icon-key'
                , width: 500
                , height: 300
                , modal: true
                , collapsible: false
                , minimizable: false
                , maximizable: false
                , closable: true
                , inParam: {inValue: '123'}        // 传入数据
                , content: "<iframe id='frm_edit_detail' src='" + url + "' style='height:100%;width:100%;border:0;' frameborder='0'></iframe>"
                , onClose: function () {
                    var data = detail.dialog('options');

                    console.log('传出数据' + JSON.stringify(data.outParam));
            }
        });

2、子页面，edit.html

this.close = function () {
        var detail = parent.$('#detail');
        var data = detail.dialog('options');
        console.log('传入数据' + JSON.stringify(data.inParam));

        data.outParam = { value: '1', text: '2' };  // 传出数据
        detail.dialog('options', data);
        detail.dialog("close");        
    };

主要是利用了dialog的option参数，以及easyui的dialog('options', data)这个方法，传入、传出数据直接作为options对象的属性，从而实现父、子页面数据传递。