dwz 加入自己验证(比如目的是组织数据)(也可以是校验)
利用表单的onsunmit="rerurn checkForm(this,navTabAjaxDone)" 提交前组织数据,但是自己写的方法后要调用dwz的验证方法,而且要return 这个方法
@requestparamter()有required=false jsp 提交过来时可以不含这个字段(比如这里的userIdArray)
<div class="pageContent">
<form method="post" id="form1" name="form1"
action="<c:url value='/system/opmRole/updateRoleUser'/>"
class="pageForm required-validate" onsubmit="return checkForm(this,navTabAjaxDone);" >
</form>
</div>
function checkForm(form,navTabAjaxDone){
var scribeBookObj=document.forms['form1'].scribeBookCodeLeft;
var scribeBookObjOptions = scribeBookObj.options;
var str = new StringBuffer();
for(i = 0; i < scribeBookObjOptions.length; i++){
str.append("<input type='hidden' name='userIdArray' value='" + scribeBookObjOptions[i].value + "'/>");
}
document.getElementById("watchArray").innerHTML = str.toString();
return validateCallback(form,navTabAjaxDone);//dwz自身实现验证,跳转(刷新或关闭)
}
@SuppressWarnings("unused")
@RequestMapping(value = "/system/opmRole/updateRoleUser", method = RequestMethod.POST)
public ModelAndView updateRoleUser(@RequestParam(value="userIdArray" ,required=false) String[] userIdArray,OpmRole opmRole,HttpServletRequest request,Model modle) throws Exception {
return ajaxDoneOpm("/commonuntil/ajaxDone",200,"操作成功!","opmRoleNavUi","/system/opmRole/editUi","closeCurrent");
}catch (Exception e){
return ajaxDoneOpm("/commonuntil/ajaxDone",300,"添加失败!","opmRoleNavUi","/system/opmRole/editUi","closeCurrent");
//throw new Exception("操作失败!");
}
}
@SuppressWarnings("unused")
public ModelAndView ajaxDoneOpm(String url,int statusCode, String message,String navtab, String forwardUrl,String operator) {
ModelAndView mav = new ModelAndView(url);
mav.addObject("statusCode", statusCode);
mav.addObject("message", message);
mav.addObject("navTabId", navtab);
mav.addObject("callbackType", operator);
mav.addObject("forwardUrl", forwardUrl);
return mav;
}
/commonuntil/ajaxDone:ajaxDone.jsp
<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
{
"statusCode":"${statusCode}",
"message":"${message}",
"navTabId":"${navTabId}",
"callbackType":"${callbackType}",
"forwardUrl":"${forwardUrl}"
}
相关推荐
在表单提交前,DWZ可以进行初步的验证,减少无效请求;而后端的模型验证则可以确保数据的完整性和准确性。 文件“MvcForDwz”可能包含了使用DWZ框架和ASP.NET MVC3开发的示例项目,包括控制器代码、视图模板、...
- **RESTful API**:后端可以提供RESTful服务,供前端DWZ进行Ajax请求,实现数据的获取和提交。 - **数据访问层**:结合Hibernate或MyBatis等持久层框架,处理数据库操作,如CRUD(创建、读取、更新、删除)。 3....
此外,我们还需要模型类来封装数据,以及服务层来处理业务逻辑,比如数据验证、权限控制等。最后,数据访问对象(DAO)负责与数据库交互,通常是通过JDBC或者ORM框架如Hibernate或MyBatis来实现。 在实现过程中,...
4. **表单提交**:ASP.NET MVC中的表单提交通常与Model绑定相结合,开发者可以学习如何创建表单,设置数据绑定,以及处理表单提交事件,实现数据的验证和保存。 5. **表单验证**:DWZ和ASP.NET MVC都提供了表单验证...
5. **数据操作**:框架集成了数据验证、数据提交、数据分页等功能,与后端服务器的数据交互变得更加便捷。 6. **对话框与弹窗**:DWZ提供了多种类型的对话框,如提示框、确认框、信息框、加载框,以及可自定义的...
3. **表单处理**:DWZ提供了强大的表单处理功能,包括表单验证和数据提交。通过简单的配置,可以实现复杂的表单逻辑,如实时验证用户输入、异步提交表单等。 4. **页面导航**:DWZ内置了页面跳转和面包屑导航机制,...
【标题】"dwz-demo-1.1.6RC1.zip_DEMO_dwz php_dwz-demo_dwz-ria_php dwz" 指的是一个基于PHP的开源前端框架dwz的演示版本,版本号为1.1.6RC1。这个压缩包包含了一个名为“dwz-demo”的项目,是用于展示和学习dwz...
标题中的“dwz.rar_dwz_dwz struts”暗示了这是一个与DWZ(可能是Dynamic Web Zone的缩写)和Struts框架相关的压缩包。描述提到的“dwz+struts+仿habernate”可能意味着这个项目或教程是将DWZ、Struts以及一个模仿...
5. **表单处理**:内置表单验证和提交机制,可自定义验证规则,支持异步提交,减轻服务器压力。 6. **页面导航**:具有面包屑导航、侧边栏菜单、顶部导航等多种导航方式,方便构建多层级的Web应用结构。 7. **...
### DWZ富客户端框架知识点详解 #### 概述 **DWZ富客户端框架**是一款由中国人自主开发的、基于jQuery的Ajax RIA(Rich Internet Application)开源框架。该框架的设计初衷在于提供一种简单实用、易于扩展且能快速...
DWZ UI则负责前端展示和交互,提供诸如表格、分页、对话框、表单验证等功能。通过AJAX技术,DWZ可以使页面操作更加流畅,提升用户体验。在角色管理中,开发者可以利用DWZ的表格组件展示角色列表,使用表单组件创建和...
**DWZ框架详解** DWZ,全称是“Design for Web Zen”,是一个基于Ajax技术的开源JavaScript框架,专为Web应用程序设计,旨在提高用户体验和开发效率。DWZ框架结合了前端UI设计和后端交互,提供了丰富的组件和便捷的...
【Dwz增删改查Demo】是一个基于DWZ框架实现的典型Web应用程序示例,主要展示了在数据库操作中的基本功能:添加(Add)、删除(Delete)、修改(Update)和查询(Query)。DWZ,全称Dynamic Web ZUI,是一个优秀的...
DWZ框架旨在简化前端开发,提供一套完整的页面布局、表单验证、数据交互等解决方案。它采用MVC(Model-View-Controller)设计模式,使开发者能够清晰地分离业务逻辑、视图展示和数据控制。框架包含了大量的预定义的...
4. **数据交互和异步处理**:DWZ内置了AJAX处理机制,可以方便地进行异步数据提交和获取,支持JSON、XML等多种数据格式,与后端服务器的交互更加灵活。 5. **兼容性和跨平台**:DWZ对主流的浏览器有良好的支持,...
- **表单(Form)**: 表单组件支持Ajax提交,可实现前后端数据验证,提供多种表单元素和验证规则。 - **对话框(Dialog)**: 对话框组件可用于展示弹窗信息,如提示、确认、编辑等,支持拖拽、缩放和全屏模式。 -...
5. **数据验证**:内置的数据验证机制可以帮助开发者在前端进行数据校验,避免无效或错误的数据提交到服务器。 6. **页面跳转和导航**:DWZ UI支持面包屑导航、多级菜单和自定义URL模式,使页面跳转和导航更加便捷...
DWZ框架内置了对AJAX请求的全面支持,包括表单查询、数据提交以及服务器响应处理。通过使用`dwz.ajax.js`等模块,开发者可以轻松地发送异步请求,处理JSON响应,并更新DOM元素,而无需深入了解底层通信机制。 #### ...
DWZ提供了强大的分页功能,可以实现前后台数据交互的高效管理,包括但不限于动态加载、数据过滤等功能。 #### Input alt扩展 Input alt扩展增强了输入框的功能,例如自动完成、格式验证等,从而提高了用户的输入...