基於Html對父頁面打開子頁面Dialog()的使用

1、背景:

​ 作者在寫項目的時候，遇到了一個很坑的問題，項目前端基於QUI，但是大部分是js + css實現。

​ 有一個功能：列表頁面使用Dialog()組件打開編輯、新增窗體，編輯、新增窗體點擊提交關閉窗體，能夠刷新列表頁面，無論怎麼百度就是找不到可以實現的方法，最終功夫不負有心人，終於找到了一種可以實現編輯窗體點擊提交之後，刷新列表頁面，接下來分享給大家。

2、代碼實現

// 點擊編輯按鈕，打開窗體
function showEdit(code) {
    	   // 原來實現方式
            // top.Dialog.open({ URL: basePath + "/xxx/xxxEdit?code="+code, Title: "修改", Width: 1000, Height: 1000 });
                var diag = new top.Dialog();
                // 窗體的名字
                diag.Title = "修改";
                // url
                diag.URL = basePath + "/xxx/xxxEdit?code="+code ;
                diag.Width = 1000;
                diag.Height = 800;
                // OK按鈕的命名
                diag.OkButtonText = "提交";
                // 順序很重要，diag.show()之前添加確定按鈕事件，show之後添加新按鈕
                diag.OKEvent = function () {
                    // 點擊提交，調用子頁面提交的方法
                    diag.innerFrame.contentWindow.submitHandler();
                    // 列表頁面刷新方法
                    getData2();
                };
                diag.show();
        }

		// 父頁面（列表頁面）載入數據的方法
        function getData2() {
            $.post(basePath + "/xxx/GetXxxList",
                getParameter(),
                function (result) {
                    gridData = result;
                    //刷新表格
                    g.loadData(gridData);
                }, "json");
        }

最後

如果這篇文章幫助到您的話，可以的話請作者喝杯咖啡。感謝。