在DWZ开发过程中经常会遇到的一种情况就是:在navTab页面中通过a标签打开一个dialog,在dialog层进行操作后,需要对该dialog层进行必要的刷新操作。
1.首先讲一下思路:
在非dialog页面中,也就是navTab页面中,将传递rel的值作为刷新的途径。在那种情况下,rel值为navTab的navTabId,所以在dialog中,只要将dialogId获取到,并作为rel值在dialog层传递即可。
2.其次给大家看看我的操作图:
图1-点击navTab上的修改,进入一级dialog页面
图2-点击一级dialog的修改操作,进入二级dialog的详情修改页面
说明:我的操作就是:打开navTab上的修改页面,显示一个dialog层的列表信息,然后再在一级dialog上点击修改,打开二级dialog,在二级dialog上修改完毕后,关闭当前的二级dialog,然后刷新一级dialog。
3.步骤:
(1)在a链接中指定rel值(即将打开的dialog层的ID):
(2)在dwz.dialog.js中修改部分代码($.pdialog上一行):
找到 open:function(url, dlgid, title, options),给刚刚声明的currentDialogId赋值
open:function(url, dlgid, title, options) { currentDialogId = dlgid;//新增部分,赋值 var op = $.extend({},$.pdialog._op, options); var dialog = $("body").data(dlgid);
View Code
在open节点之后,新增节点
getcurrentDialogId:function(){//获取当前窗口ID return currentDialogId; },
View Code
(3)一级dialog页面,修改链接:
给该修改链接添加rel值:
(4)经过后台的传递,二级dialog页面也已经有rel的值了。此时,要写一个二级dialog提交后的回调函数。在dwz.ajax.js里面添加如下代码:
(5)二级dialog表单form回调函数:
注:二级dialog提交至后台后,后台需指定forwardUrl(重载URL)和dialogId(需要刷新的一级dialogId),返回的JSON数据格式为: