在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;
/*在对话框中操作数据,并刷新对话框*/
function dialogAjaxDoneFather(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();
}
}
}
这样我们在dialog中进行ajax表单提交,就可以使用这个dialogAjaxDoneFather回调函数了。
删除操作:
<li><a class="delete" href="demo/delUser?id={uid}" callback="dialogAjaxDoneFather" target="ajaxTodo" title="确定要删除吗?"><span>删除用户</span></a></li>
添加和修改的Form标记中
<form method="post" action="demo/editUser" class="pageForm required-validate" onsubmit="return validateCallback(this, dialogAjaxDoneFather)">
在回调json中,注意一定要返回需要刷新的父dialog的id,即
"navTabId":"dialogId"
分享到:
相关推荐
1.场景 点击某个按钮,删除某条记录后,提示删除成功,然后... 代码如下:<a>2)扩展dwz在dwz.dialog.js中添加如下扩展代码: 代码如下:reloadDialog:function(dialogId){ var dialog = $(“body”).data(dialogId);
打开时修改为以下内容 if (op.mask) { //修改所有对话框zIndex,900为覆盖层,要显示的对话框大于900,不显示的小于900 ... if ($(dialog).data("id")) $.taskBar.closeDialog($(dialog).data("id")); }
DWZ中文开发手册
dwz中文api,适合初学者使用!就收1个积分!
kindedito在DWZ中的应用,主要修改dwz.ui.js即可.
DWZ+Bootstrap响应式解决方案
DWZ框架在ASP.Net中的一些运用,DWZ框架在ASP.Net中的一些运用
dwz 解决200错误自定义的函数使用
资源名称:DWZ富客户端框架使用手册资源目录:概述. 4 学习DWZ 的建议......... 6 当前navTab 中链接ajax post扩展 6 dialog 链接扩展 . 6 navTab 链 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。
DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架. DWZ富客户端框架设计目标是简单实用、扩展方便、快速开发、RIA思路、轻量级 DWZ框架支持用html扩展的方式来代替...
dwz增删改查; spring mvc+ibatis;log4j配置文件 设置ibatis输出sql,便于跟踪问题;导入myeclipse配合数据库,就可以跑起来;
DWZ
学习DWZ的建议 •通读DWZ文档,很多新手提的问题文档中都写了 •看demo每个组件演示效果和代码(留意组件html结构) •建议安装firebug,用firebug看html结构、CSS和调试JS都非常方便。见附录一 firebug介绍 •对于...
dwz thinkphp3.0 角色管理
dwz4j不仅仅是一个开发框架,还包括了一套完整的UI规范(包括前台UI规范和后台管理DWZ UI框架)、程序框架、开发流程、测试流程、版本控制、数据备份方案 dwz4j帮助开发人员搞定所有低级的基础代码——所有那些需要...
dwz框架 asp.net mvc3;dwz框架 asp.net mvc3;dwz框架 asp.net mvc3
ajax自动刷新页面 类似于论坛注册时的 自动数字倒计时 自动跳转 适合新人看看
DWZ视频+文档
dwz的官网实例,在eclipse中经过测试