基于Html对父页面打开子页面Dialog()的使用

清溪社卫黄医生

1、背景:

​        作者在写项目的时候，遇到了一个很坑的问题，项目前端基于QUI，但是大部分是js + css实现。
​        有一个功能：列表页面使用Dialog()组件打开编辑、新增窗体，编辑、新增窗体点击提交关闭窗体，能够刷新列表页面，无论怎么百度就是找不到可以实现的方法，最终功夫不负有心人，终于找到了一种可以实现编辑窗体点击提交之后，刷新列表页面，接下来分享给大家。
2、代码实现

1. // 点击编辑按钮，打开窗体
2. function showEdit(code) {
3.                // 原来实现方式
4.             // top.Dialog.open({ URL: basePath + "/xxx/xxxEdit?code="+code, Title: "修改", Width: 1000, Height: 1000 });
5.                 var diag = new top.Dialog();
6.                 // 窗体的名字
7.                 diag.Title = "修改";
8.                 // url
9.                 diag.URL = basePath + "/xxx/xxxEdit?code="+code ;
10.                 diag.Width = 1000;
11.                 diag.Height = 800;
12.                 // OK按钮的命名
13.                 diag.OkButtonText = "提交";
14.                 // 顺序很重要，diag.show()之前添加确定按钮事件，show之后添加新按钮
15.                 diag.OKEvent = function () {
16.                     // 点击提交，调用子页面提交的方法
17.                     diag.innerFrame.contentWindow.submitHandler();
18.                     // 列表页面刷新方法
19.                     getData2();
20.                 };
21.                 diag.show();
22.         }
24.                 // 父页面（列表页面）加载数据的方法
25.         function getData2() {
26.             $.post(basePath + "/xxx/GetXxxList",
27.                 getParameter(),
28.                 function (result) {
29.                     gridData = result;
30.                     //刷新表格
31.                     g.loadData(gridData);
32.                 }, "json");
33.         }

复制代码

最后

如果这篇文章帮助到您的话，可以的话请作者喝杯咖啡。感谢。

来源:https://www.cnblogs.com/damudaran/p/18084866
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！