DWZ (JUI) 教程 dwz框架刷新dialog解决方案

原文:DWZ (JUI) 教程 dwz框架刷新dialog解决方案

在DWZ中进行ajax表单提交后，通过回调函数来返回状态结果，以及返回是否需要刷新父页的navTabId。
DWZ给我们提供了两个回调函数，一个是子窗口为navTab的navTabAjaxDone，一个是子窗口为dialog的dialogAjaxDone，但这两个回调函数都有同一样的缺陷：就是父窗口必须是navTab,也就是说只能刷新navTab,如果父窗口为dialog,则此父dialog是刷新不了的。
如果我们是在一个弹出的dialog中，进行添加、删除和修改操作，操作完成后，这个dialog是无法刷新的。删除就在此dialog中完成，删除后只刷新不关闭当前dialog。添加和修改操作可能要再弹出一个dialog来完成，也就是说出现了二级dialog,操作完成后，需要关闭当前子dialog,刷新父dialog。
针对这种情况，我们自己再添加一个回调函数，来适应这种情况需要。
打开DWZ.ajax.js这个文件，找到dialogAjaxDone这个函数，在它的下方，我们添加一个新回调函数，假设取名为dialogAjaxDoneFather;

/*在对话框中操作数据，并刷新对话框*/
functiondialogAjaxDoneFather(json) {
DWZ.ajaxDone(json);if (json.statusCode ==DWZ.statusCode.ok) {if(json.navTabId) {var dialog = $("body").data(json.navTabId);
$.pdialog.reload(dialog.data("url"), { data: {}, dialogId: json.navTabId, callback: null})
}if ("closeCurrent" ==json.callbackType) {
$.pdialog.closeCurrent();
}
}
}

View Code

这样我们在dialog中进行ajax表单提交，就可以使用这个dialogAjaxDoneFather回调函数了。
删除操作：

<li><aclass="delete"href="demo/delUser?id={uid}"callback="dialogAjaxDoneFather"target="ajaxTodo"title="确定要删除吗?"><span>删除用户</span></a></li>

View Code

添加和修改的Form标记中

添加和修改的Form标记中
[html]<formmethod="post"action="demo/editUser"class="pageForm required-validate"onsubmit="return validateCallback(this, dialogAjaxDoneFather)">

View Code

如果表单返回类型是iframeCallback ，需写成iframeCallback(this,callback); 即回调函数必须是 callback，不能自定义名称，而且上述方法要写在页面内。
在回调json中，注意一定要返回需要刷新的父dialog的id，即
"navTabId":"dialogId"

DWZ (JUI) 教程 dwz框架刷新dialog解决方案相关推荐

DWZ (JUI) 教程根据ID刷新 dialog
DWZ (JUI) 教程 dialog 刷新最近有朋友问到有没有dialog 刷新的方法, 在原先的dialog是有刷新的方法的 reload:function(url, options){ ...
DWZ (JUI) 教程 table 排序
DWZ (JUI) 教程 table 排序最近有朋友问到dwz 排序的问题,我简单说一下.dwz排序是后台排序,不是前台的js排序,他的流程和搜索,分页是一样的,当你点击排序的按钮时,从新发送请求刷 ...
DWZ (JUI) 教程表单提交重定向问题
DWZ (JUI) 教程表单提交重定向问题最近有朋友问表单提交后navTab重定向的问题,其实非常简单我简单说明一下. dwz 中提供了简单 navTabAjaxDone 回调函数在fo ...
DWZ (JUI) 教程修正 Tab 选项卡多次加载
DWZ (JUI) 教程修正 Tab 选项卡多次加载 dwz 1.4.3 选项卡使用j-ajax 动态加载时,没每次切换的时候都会进行加载,大多数情况不是很实用,做了一下简单的修改,对于页面只加 ...
DWZ(JUI) 教程普通表单提交
最近有一些朋友问到一些常规的表单提交的问题,我在这里就做一些简单的梳理,dwz 这里表单提交大致可以分为两类一类是普通的表单提交,另一类就是列表页面的表单提交,主要是用来查询搜索列表使用的.今天 ...
DWZ (JUI) 教程 navTab 刷新分析
navTab的刷新在doc文件里也有说明首先在form表单里指定好回调函数 [html] view plain copy * <form action="/user.do?meth ...
DWZ(JUI) 教程中如何整合第三方jQuery插件
jQuery插件一般是$(document).ready()中初始化 [html] view plain copy $(document).ready(function(){ // 文档就绪,初始化j ...
DWZ(JUI) 教程中如何整合第三方jQuery插件
jQuery插件一般是$(document).ready()中初始化 $(document).ready(function(){// 文档就绪,初始化jQuery插件|});// 或者或缩写形式$(f ...
DWZ(JUI) 教程跨域请求 iframeNavTab
如果想navTab访问其他的网址,可以使用 iframe navTab 使用时也非常简单 <li><a href="http://www.baidu.com" ...

DWZ (JUI) 教程 dwz框架刷新dialog解决方案

DWZ (JUI) 教程 dwz框架刷新dialog解决方案相关推荐

最新文章

热门文章

DWZ (JUI) 教程 dwz框架 刷新dialog解决方案

DWZ (JUI) 教程 dwz框架 刷新dialog解决方案相关推荐

最新文章

热门文章

DWZ (JUI) 教程 dwz框架刷新dialog解决方案

DWZ (JUI) 教程 dwz框架刷新dialog解决方案相关推荐