`
abccyz
  • 浏览: 16858 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

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;

/*在对话框中操作数据,并刷新对话框*/
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"

分享到:
评论

相关推荐

    DWZ刷新dialog解决方法

    1.场景 点击某个按钮,删除某条记录后,提示删除成功,然后... 代码如下:&lt;a&gt;2)扩展dwz在dwz.dialog.js中添加如下扩展代码: 代码如下:reloadDialog:function(dialogId){ var dialog = $(“body”).data(dialogId); 

    dwz.dialog.js

    打开时修改为以下内容 if (op.mask) { //修改所有对话框zIndex,900为覆盖层,要显示的对话框大于900,不显示的小于900 ... if ($(dialog).data("id")) $.taskBar.closeDialog($(dialog).data("id")); }

    DWZ中文开发手册

    DWZ中文开发手册

    dwz中文api(chm)

    dwz中文api,适合初学者使用!就收1个积分!

    kindedito在DWZ中的应用

    kindedito在DWZ中的应用,主要修改dwz.ui.js即可.

    dwz_bootstrap_javascript_jquery_

    DWZ+Bootstrap响应式解决方案

    DWZ框架在ASP.Net中的运用

    DWZ框架在ASP.Net中的一些运用,DWZ框架在ASP.Net中的一些运用

    dwz 解决200错误自定义的函数使用

    dwz 解决200错误自定义的函数使用

    DWZ富客户端框架使用手册

    资源名称:DWZ富客户端框架使用手册资源目录:概述. 4 学习DWZ 的建议......... 6 当前navTab 中链接ajax post扩展 6 dialog 链接扩展 . 6 navTab 链 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。

    DWZ文件+文档

    DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架. DWZ富客户端框架设计目标是简单实用、扩展方便、快速开发、RIA思路、轻量级 DWZ框架支持用html扩展的方式来代替...

    dwz增删改查

    dwz增删改查; spring mvc+ibatis;log4j配置文件 设置ibatis输出sql,便于跟踪问题;导入myeclipse配合数据库,就可以跑起来;

    dwz4j-springmvc

    DWZ

    dwz开源web界面框架

    学习DWZ的建议 •通读DWZ文档,很多新手提的问题文档中都写了 •看demo每个组件演示效果和代码(留意组件html结构) •建议安装firebug,用firebug看html结构、CSS和调试JS都非常方便。见附录一 firebug介绍 •对于...

    thinkphp3_dwz

    dwz thinkphp3.0 角色管理

    dwz4j-demo

    dwz4j不仅仅是一个开发框架,还包括了一套完整的UI规范(包括前台UI规范和后台管理DWZ UI框架)、程序框架、开发流程、测试流程、版本控制、数据备份方案 dwz4j帮助开发人员搞定所有低级的基础代码——所有那些需要...

    dwz框架 asp.net mvc3

    dwz框架 asp.net mvc3;dwz框架 asp.net mvc3;dwz框架 asp.net mvc3

    ajax自动刷新页面

    ajax自动刷新页面 类似于论坛注册时的 自动数字倒计时 自动跳转 适合新人看看

    DWZ视频+文档

    DWZ视频+文档

    dwz框架官网实例

    dwz的官网实例,在eclipse中经过测试

Global site tag (gtag.js) - Google Analytics