前言:最近做的一个项目中使用了dwz,发现后来的表格在新增、更新后原来的表格不再刷新了,由于dwz用的不是很熟悉,但是隐约感觉,肯定标签中的rel标记出的问题。
首先:使用a标签弹出一个tab时,需要指定rel
<a href="<c:url value='/management/message'/>" target="navTab" rel="msgNav">收件箱</a>
红色字体内容,请注意“rel="msgNav"”
接着:在form表单写法中注意以下内容
<form id="pagerForm" method="post" action="<c:url value='/management/message/'/>" onsubmit="return navTabSearch(this)">
红色字体内容“onsubmit="return navTabSearch(this)"”,请注意
然后:在新增的页面或者保存的页面
form action="<c:url value='/management/message/insert'/>?navTabId=msgNav&callbackType=closeCurrent" method="post" class='required-validate pageForm' onsubmit="return validateCallback(this, navTabAjaxDone);">
红色字体内容,请注意“navTabId=msgNav&callbackType=closeCurrent”、“onsubmit="return validateCallback(this, navTabAjaxDone)”
这样三处对应好了,就可以,你新增或者修改后,原表格内容就会刷新
当然你可以有兴趣的看一下dwz.ajax.js文件的内容,validateCallback方法中会调用navTabAjaxDone方法对你指定navTabId进行刷新。
相关推荐
在具体应用中,DWZ的Ajax功能可以无缝对接ASP.NET MVC3的Ajax动作方法,实现无刷新页面更新。例如,使用DWZ的表格组件,可以通过Ajax调用MVC3的Controller中的Action获取数据,然后动态填充到表格中,提供快速的数据...
DWZ框架是一款基于JavaScript和Ajax技术的开源富客户端框架,主要应用于Web应用的前端开发,旨在提高用户体验,简化开发者的工作。DWZ框架以其强大的功能、易用性和丰富的UI组件,深受开发者的喜爱。本教程将深入...
- **快速响应**:通过Ajax技术,实现页面的无刷新更新,提升用户体验。 - **组件化开发**:预设的组件如弹出层、下拉树、tabs等,使得开发者可以快速集成常见功能。 - **数据管理**:提供数据操作接口,方便与服务器...
以下是对DWZ框架一些核心用法的详细说明: 1. **布局与页面管理**: DWZ框架提供了丰富的布局组件,如流式布局、栅格系统、折叠面板等,使得开发者可以快速构建复杂的页面结构。同时,DWZ内置了页面缓存和异步加载...
2. **数据交互**:DWZ框架支持JSON格式的数据交换,与ASP.NET的Web API或AJAX控件配合,可以实现无刷新的数据获取和更新,提升用户体验。 3. **页面布局**:DWZ提供了一套流式布局系统,可以适应不同屏幕尺寸的设备...
DWZ框架的一个重要特性是其对Ajax技术的深度集成,使得页面的更新无需刷新整个页面,提高了用户体验。同时,它还支持响应式布局,能够适应不同设备和屏幕尺寸,确保在移动设备上的良好显示。 "yjjWeb"可能是这个...
**DWZ框架C#应用模板**是基于C#编程语言构建的一个高效、易用的Web应用程序开发框架。这个模板集成了流行的JavaScript库,包括JQUERY UI、JQGRID和JQUERY UI,为开发者提供了强大的前端交互能力和数据管理功能。下面...
2. **AJAX无刷新技术**:DWZ框架支持AJAX无刷新操作,使得用户在不刷新整个页面的情况下,可以完成数据的增删查改。这显著提升了应用的响应速度,减少了网络传输的数据量。 3. **对话框(Dialog)**:DWZ框架的...
**DWZ框架详解** DWZ,全称是“Design for Web Zen”,是一个基于Ajax技术的开源JavaScript框架,专为Web应用程序设计,旨在提高用户体验和开发效率。DWZ框架结合了前端UI设计和后端交互,提供了丰富的组件和便捷的...
DWZ框架使用手册,适合开发人员快速搭建web应用之用,内有非常好的交互性的界面,无刷新自动增加,删除功能,界面友好;
DWZ框架dwz4j-springmvc dwz-ria-1.4.4 dwz-user-guide.swf DWZ框架使用的实例简单介绍.doc DWZ框架使用手册.pdf
**jqGrid和DWZ框架扩展详解** 在Web开发领域,jqGrid和DWZ框架是两个常用的工具,它们分别用于数据展示和页面构建。本篇文章将深入探讨如何在DWZ框架中扩展jqGrid,以及如何利用它们实现JSON数据的初始化加载。 **...
3. **AJAX集成**:DWZ对AJAX进行了封装,简化了异步数据请求和更新,支持局部刷新,提高了页面的交互性和响应速度。 4. **页面管理**:DWZ有强大的页面管理机制,如页面缓存、页面跳转控制、页面历史记录管理,使得...
DWZ框架提供了丰富的Web控件,如表格、下拉菜单、按钮、日期选择器等。这些控件经过优化,既满足美观需求,又确保了良好的用户体验。例如,表格控件支持分页、排序、过滤等功能,下拉菜单可以方便地实现级联选择,...
前端通过DWZ处理用户交互,发送Ajax请求到后台Struts处理,Struts再调用业务逻辑层,处理完业务后返回数据,最后由DWZ负责渲染更新页面。这种结合方式提高了开发效率,降低了复杂度,并且使得前后端职责分明。 **5....
- **AJAX驱动**:利用AJAX技术,DWZ实现了页面无刷新更新,提高了用户体验,减少了网络传输数据,使得交互更加流畅。 - **响应式设计**:适应不同设备和屏幕尺寸,确保在PC和移动设备上都有良好的展示效果。 - **...
1.1 **UI组件丰富**:DWZ框架内置了大量UI组件,如表格、表单、对话框、分页、提示信息等,这些组件设计精美,易于使用,大大减少了开发者在页面布局和交互设计上的工作量。 1.2 **数据操作便捷**:框架支持Ajax无...
此外,DWZ框架还支持AJAX无刷新操作,使得数据的动态加载和更新更为流畅,提升了应用的响应速度。通过使用DWZ的API和插件,开发者可以实现如页面分页、数据筛选、排序等功能,进一步优化用户体验。 压缩包中的“dwz...
DWZ(Design What You Want)框架是一款基于JavaScript和Ajax技术的开源前端开发框架,主要用于构建富互联网应用程序(RIA)。这个框架结合了优雅的界面设计与强大的功能,为开发者提供了便捷的网页开发工具。同时,...