`
zhaobing315
  • 浏览: 231666 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

dwz dialog不能刷新问题解决

 
阅读更多

项目中使用dwz框架,有在dialog中进行ajax操作然后自动刷新dialog的需求,但是dwz只支持navTab的刷新,针对dialog的刷新机制则需要扩展,方法如下:

1.在dwz.ajax.js中添加如下js方法

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

 2.在dialog页面的ajax操作链接上添加如下属性

<a href="${ctx}/user/topic/shield?id=${item.id}&navTabId=dlg_userDetail" target="ajaxTodo" callback="dialogAjaxDoneFather" title="确定要屏蔽吗?" style="color:#0000FF">屏蔽</a>

 注意,a标签需要指定callback属性,属性值应为第一步添加的那个js方法名称,navTabId值应为当前需要刷新的dialog的id。

3.提交后,后台完成业务逻辑后需要根据dwz的规则返回json数据。

4.至此,已经实现了dialog的刷新机制。

分享到:
评论

相关推荐

    DWZ刷新dialog解决方法

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

    DWZ使用帮助文档

    - **IIS不能用Ajax访问*.html后缀的页面**: 修改IIS配置,允许对.html文件的跨域访问。 - **多个navTab页面或dialog页面ID冲突**: 使用唯一ID避免冲突。 - **jQuery1.4.2和jquery.validate.js在IE的兼容问题**: 更新...

    dwz使用问题

    在DWZ框架中,`dwz使用问题`通常涉及到前端页面的交互和数据刷新机制。DWZ是一个基于jQuery的轻量级Web开发框架,主要用于构建富客户端的Web应用。下面将详细讲解标题和描述中提到的知识点,以及如何解决二级标签...

    dwz 使用手册和详细介绍

    此外,社区和官方论坛提供了丰富的示例、教程和问题解答,有助于开发者解决实际开发中遇到的问题。 综上所述,DWZ是一个强大的前端开发框架,它通过集成HTML、CSS、jQuery和Ajax,极大地简化了开发流程,提升了开发...

    dwz使用文档

    "dwz-user-guide.chm"文件是DWZ的用户指南,包含详细的使用方法和示例代码,是你学习和解决问题的重要参考。同时,DWZ有一个活跃的开发者社区,你可以在这里找到更多的资源和帮助。 通过阅读和实践这份"dwz-user-...

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

    - **IIS不能使用Ajax解决方案:**提供了在IIS环境下使用Ajax时遇到问题的解决办法。 - **jQuery 1.4.2和jquery.validate.js在IE的兼容问题:**讨论了如何解决旧版jQuery和验证插件在Internet Explorer浏览器中的...

    DWZ框架实例

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

    DWZ框架的一些用法

    DWZ框架兼容主流的浏览器,包括IE6+、Firefox、Chrome等,并且通过优化代码和利用jQuery的优势,保证了在各种环境下都能有良好的性能表现。 以上是DWZ框架的部分核心特性,通过学习和掌握这些用法,开发者可以高效...

    dwz-user-guide.zip_dwz

    DWZ提供了一系列API,如$.fn.alert()、$.fn.dialog()等,方便开发者进行功能扩展。同时,还有一系列内置插件,如日期选择器、颜色选择器等,进一步丰富了功能。 ### 七、使用《DWZ用户手册》 《DWZ用户手册》(dwz...

    dwz-user-guide.pdf

    - **jQuery兼容性问题**:升级至最新版本的jQuery并注意检查是否有不兼容的API使用情况。 - **weblogic访问xml问题**:确认服务器端配置是否正确,特别是关于XML解析的部分。 - **自定义分页参数**:通过修改默认...

    DWZ后台框架源码!!!!

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

    dwz-ria.rar_dwz

    - **版本升级**:随着DWZ的更新迭代,开发者需要关注新版本带来的功能改进和兼容性问题。 - **性能优化**:尽管DWZ提供了很多便利,但过度依赖组件可能导致页面加载速度变慢,需适度优化。 - **自定义扩展**:在...

    dwz完美整合ztree,kindeditor,My97DatePicker

    这份DWZ代码是我个人一直使用的,DWZ对各版本IE的兼容性是比较好的,我的代码在IE6下也基本能正常使用,这是一直舍不得换其它框架的主要原因。 压缩包是完整的jfinal+dwz的测试性小代码,直接导入myeclipse,运行...

    DWZ富客户端框架docx

    对于那些不熟悉JavaScript的程序员,DWZ提供了一种HTML扩展方式,通过扩展HTML标签和属性,就能实现页面的动态交互,极大地降低了开发难度。这种特性使得DWZ在众多JavaScript框架中脱颖而出,成为了一款对新手友好的...

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

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

    dwz user guide

    这份“dwz user guide”是一个详细且全面的DWZ帮助文档,包含了框架的核心功能、使用方法、示例代码以及常见问题解答,对于开发者来说,是一个不可或缺的参考资料。 在DWZ框架中,主要包含以下几个核心模块: 1. *...

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

    - **IIS不能用Ajax访问*.htm或是*.html后缀的页面**:这通常是由于IIS配置问题引起的。可以通过修改IIS设置或使用其他Web服务器来解决此问题。 - **多个navTab页面或dialog页面ID冲突**:为避免ID冲突,确保每个页面...

Global site tag (gtag.js) - Google Analytics