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

大沐沐沐發表於2024-03-20
HTML

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");
        }

最後

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

相關文章