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

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对象的属性，从而实现父、子页面数据传递。