`
qing_gee
  • 浏览: 121655 次
  • 性别: Icon_minigender_1
  • 来自: 河南
社区版块
存档分类
最新评论

dwz框架新建更新后对原表格刷新

    博客分类:
  • Web
阅读更多

前言:最近做的一个项目中使用了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进行刷新。

1
1
分享到:
评论

相关推荐

    dwz框架 asp.net mvc3

    在具体应用中,DWZ的Ajax功能可以无缝对接ASP.NET MVC3的Ajax动作方法,实现无刷新页面更新。例如,使用DWZ的表格组件,可以通过Ajax调用MVC3的Controller中的Action获取数据,然后动态填充到表格中,提供快速的数据...

    DWZ框架及使用教程

    DWZ框架是一款基于JavaScript和Ajax技术的开源富客户端框架,主要应用于Web应用的前端开发,旨在提高用户体验,简化开发者的工作。DWZ框架以其强大的功能、易用性和丰富的UI组件,深受开发者的喜爱。本教程将深入...

    dwz框架及api文档

    - **快速响应**:通过Ajax技术,实现页面的无刷新更新,提升用户体验。 - **组件化开发**:预设的组件如弹出层、下拉树、tabs等,使得开发者可以快速集成常见功能。 - **数据管理**:提供数据操作接口,方便与服务器...

    DWZ框架的一些用法

    以下是对DWZ框架一些核心用法的详细说明: 1. **布局与页面管理**: DWZ框架提供了丰富的布局组件,如流式布局、栅格系统、折叠面板等,使得开发者可以快速构建复杂的页面结构。同时,DWZ内置了页面缓存和异步加载...

    DWZ框架在ASP.Net中的运用

    2. **数据交互**:DWZ框架支持JSON格式的数据交换,与ASP.NET的Web API或AJAX控件配合,可以实现无刷新的数据获取和更新,提升用户体验。 3. **页面布局**:DWZ提供了一套流式布局系统,可以适应不同屏幕尺寸的设备...

    dwz框架实例

    DWZ框架的一个重要特性是其对Ajax技术的深度集成,使得页面的更新无需刷新整个页面,提高了用户体验。同时,它还支持响应式布局,能够适应不同设备和屏幕尺寸,确保在移动设备上的良好显示。 "yjjWeb"可能是这个...

    DWZ框架C#應用模板

    **DWZ框架C#应用模板**是基于C#编程语言构建的一个高效、易用的Web应用程序开发框架。这个模板集成了流行的JavaScript库,包括JQUERY UI、JQGRID和JQUERY UI,为开发者提供了强大的前端交互能力和数据管理功能。下面...

    DWZ框架实例

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

    dwz框架官网实例

    **DWZ框架详解** DWZ,全称是“Design for Web Zen”,是一个基于Ajax技术的开源JavaScript框架,专为Web应用程序设计,旨在提高用户体验和开发效率。DWZ框架结合了前端UI设计和后端交互,提供了丰富的组件和便捷的...

    DWZ框架使用手册

    DWZ框架使用手册,适合开发人员快速搭建web应用之用,内有非常好的交互性的界面,无刷新自动增加,删除功能,界面友好;

    DWZ框架1.4.4以及使用手册,入门指导

    DWZ框架dwz4j-springmvc dwz-ria-1.4.4 dwz-user-guide.swf DWZ框架使用的实例简单介绍.doc DWZ框架使用手册.pdf

    jqgird dwz 框架扩展

    **jqGrid和DWZ框架扩展详解** 在Web开发领域,jqGrid和DWZ框架是两个常用的工具,它们分别用于数据展示和页面构建。本篇文章将深入探讨如何在DWZ框架中扩展jqGrid,以及如何利用它们实现JSON数据的初始化加载。 **...

    dwz - 简单实用国产jQuery UI框架 - DWZ富客户端框架(jUI)

    3. **AJAX集成**:DWZ对AJAX进行了封装,简化了异步数据请求和更新,支持局部刷新,提高了页面的交互性和响应速度。 4. **页面管理**:DWZ有强大的页面管理机制,如页面缓存、页面跳转控制、页面历史记录管理,使得...

    DWZ框架控件应用程序

    DWZ框架提供了丰富的Web控件,如表格、下拉菜单、按钮、日期选择器等。这些控件经过优化,既满足美观需求,又确保了良好的用户体验。例如,表格控件支持分页、排序、过滤等功能,下拉菜单可以方便地实现级联选择,...

    dwzStruts(DWZ框架)

    前端通过DWZ处理用户交互,发送Ajax请求到后台Struts处理,Struts再调用业务逻辑层,处理完业务后返回数据,最后由DWZ负责渲染更新页面。这种结合方式提高了开发效率,降低了复杂度,并且使得前后端职责分明。 **5....

    DWZ富客户端框架 v1.6.1.zip

    - **AJAX驱动**:利用AJAX技术,DWZ实现了页面无刷新更新,提高了用户体验,减少了网络传输数据,使得交互更加流畅。 - **响应式设计**:适应不同设备和屏幕尺寸,确保在PC和移动设备上都有良好的展示效果。 - **...

    dwz框架与实例文档

    1.1 **UI组件丰富**:DWZ框架内置了大量UI组件,如表格、表单、对话框、分页、提示信息等,这些组件设计精美,易于使用,大大减少了开发者在页面布局和交互设计上的工作量。 1.2 **数据操作便捷**:框架支持Ajax无...

    给mvc3穿上华丽外衣 dwz框架

    此外,DWZ框架还支持AJAX无刷新操作,使得数据的动态加载和更新更为流畅,提升了应用的响应速度。通过使用DWZ的API和插件,开发者可以实现如页面分页、数据筛选、排序等功能,进一步优化用户体验。 压缩包中的“dwz...

    DWZ框架和手册

    DWZ(Design What You Want)框架是一款基于JavaScript和Ajax技术的开源前端开发框架,主要用于构建富互联网应用程序(RIA)。这个框架结合了优雅的界面设计与强大的功能,为开发者提供了便捷的网页开发工具。同时,...

Global site tag (gtag.js) - Google Analytics