`
abccyz
  • 浏览: 17513 次
  • 性别: 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使用帮助文档

    - **补充说明和常见问题**: 官方文档中还提供了许多关于使用框架时可能遇到的问题及其解决方案的详细介绍,这些资料对于初学者来说非常宝贵。 总结而言,DWZ框架以其独特的设计理念和丰富的功能集,在众多前端框架...

    dwz 使用手册和详细介绍

    DWZ的核心理念是简化前端开发,提供一套完整的解决方案,包括布局、导航、表单、弹窗、数据表格、图表等常见Web元素的封装,以及对Ajax无刷新交互的支持。它基于jQuery库,利用jQuery的强大功能,如DOM操作、事件...

    DWZ框架实例

    2. **AJAX无刷新技术**:DWZ框架支持AJAX无刷新操作,使得用户在不刷新整个页面的情况下,可以完成数据的增删查改。这显著提升了应用的响应速度,减少了网络传输的数据量。 3. **对话框(Dialog)**:DWZ框架的...

    dwz-user-guide.pdf

    - **团队背景**:由一群热爱前端技术的开发者组成,致力于为企业级应用提供高效、稳定的前端解决方案。 #### 六、HTML扩展 - **扩展说明**:DWZ框架提供了一系列HTML标签的扩展,用于实现特定的功能。 - **示例**:...

    DWZ+富客户端框架使用手册_IT168文库.pdf

    - **Error loading XML document: dwz.frag.xml:**解释了加载XML文档失败的原因及解决方案。 - **IIS不能使用Ajax解决方案:**提供了在IIS环境下使用Ajax时遇到问题的解决办法。 - **jQuery 1.4.2和jquery....

    DWZ后台框架源码!!!!

    DWZ框架是一款基于AJAX技术的开源JavaScript前端应用框架,专注于Web富应用的开发,旨在提供一套完整的前后端分离的解决方案。它以简洁、高效为设计理念,使得开发者能够快速构建出交互性强、用户体验优秀的Web应用...

    dwz-ria.rar_dwz

    它致力于提供一套完整的前端解决方案,旨在简化Web应用的开发流程,无需深入理解复杂的Ajax技术,即可构建出交互性强、用户体验优良的Web界面。DWZ RIA的核心目标是让开发者能够更加专注于业务逻辑,而不是繁琐的...

    dwz_v3.0中国人自己的ui框架

    DWZ,全称为"Design for Web Zen",是一款专为中国开发者设计的前端UI框架,旨在为网页开发提供一套高效、简洁且美观的解决方案。DWZ v3.0是其发展过程中的一个重要版本,集成了jQuery库,使得页面渲染更加流畅,...

    dwz user guide

    DWZ,全称是“Design Without Zones”,是一款优秀的前端开发框架,专为构建Web应用提供简洁高效的解决方案。这份“dwz user guide”是一个详细且全面的DWZ帮助文档,包含了框架的核心功能、使用方法、示例代码以及...

    DWZ 富客户端框架使用手册.pdf

    - **通读文档**:对于初学者而言,全面了解DWZ提供的官方文档是非常必要的,文档中包含了大量实际操作中可能遇到的问题及其解决方案。 - **观察Demo**:通过研究内置的各种组件演示实例,可以更直观地理解各个组件的...

    dwz1.14框架以及使用手册

    - 社区支持:DWZ拥有活跃的社区,可以在论坛或问答网站中找到解决问题的方法和经验分享。 **五、总结** DWZ 1.14框架是一个强大的前端工具,它简化了富互联网应用的开发流程,提升了开发效率。通过深入理解和熟练...

    dwzteam-dwz_jui-master.zip

    从标题和描述来看,这个项目可能与DWZ JUI有关,DWZ全称为“Design Within ZIndex”,是一个基于jQuery UI的前端开发框架,专为Web应用提供交互式用户界面解决方案。它简化了网页的布局和样式设计,使得开发者可以更...

    DWZJS客户端框架

    它主要基于jQuery库,旨在简化和加速网页应用的开发过程,提供一套完整的解决方案,包括页面布局、数据交互、表单验证、Ajax操作以及丰富的UI组件等。 1. **jQuery基础**:DWZJS是建立在jQuery之上的,因此熟悉...

Global site tag (gtag.js) - Google Analytics