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

  • 基于Html对父页面打开子页面Dialog()的使用已关闭评论
  • 22 次浏览
  • A+
所属分类:Web前端
摘要

​ 作者在写项目的时候,遇到了一个很坑的问题,项目前端基于QUI,但是大部分是js + css实现。


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

最后

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

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