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