/**
* @author ZhangHuihua@msn.com
*
*/
/**
* 普通ajax表单提交
* @param {Object} form
* @param {Object} callback
*/
function validateCallback(form, callback) {
var $form = $(form);
if (!$form.valid()) {
return false;
}
$.ajax({
type: form.method || 'POST',
url:$form.attr("action"),
data:$form.serializeArray(),
dataType:"json",
cache: false,
success: callback || DWZ.ajaxDone,
error: DWZ.ajaxError
});
return false;
}
/**
* 带文件上传的ajax表单提交
* @param {Object} form
* @param {Object} callback
*/
function iframeCallback(form, callback){
var $form = $(form), $iframe = $("#callbackframe");
if(!$form.valid()) {return false;}
if ($iframe.size() == 0) {
$iframe = $("<iframe id='callbackframe' name='callbackframe' src='about:blank' style='display:none'></iframe>").appendTo("body");
}
if(!form.ajax) {
$form.append('<input type="hidden" name="ajax" value="1" />');
}
form.target = "callbackframe";
_iframeResponse($iframe[0], callback || DWZ.ajaxDone);
}
function _iframeResponse(iframe, callback){
var $iframe = $(iframe), $document = $(document);
$document.trigger("ajaxStart");
$iframe.bind("load", function(event){
$iframe.unbind("load");
$document.trigger("ajaxStop");
if (iframe.src == "javascript:'%3Chtml%3E%3C/html%3E';" || // For Safari
iframe.src == "javascript:'<html></html>';") { // For FF, IE
return;
}
var doc = iframe.contentDocument || iframe.document;
// fixing Opera 9.26,10.00
if (doc.readyState && doc.readyState != 'complete') return;
// fixing Opera 9.64
if (doc.body && doc.body.innerHTML == "false") return;
var response;
if (doc.XMLDocument) {
// response is a xml document Internet Explorer property
response = doc.XMLDocument;
} else if (doc.body){
try{
response = $iframe.contents().find("body").html();
response = jQuery.parseJSON(response);
} catch (e){ // response is html document or plain text
response = doc.body.innerHTML;
}
} else {
// response is a xml document
response = doc;
}
callback(response);
});
}
/**
* navTabAjaxDone是DWZ框架中预定义的表单提交回调函数．
* 服务器转回navTabId可以把那个navTab标记为reloadFlag=1, 下次切换到那个navTab时会重新载入内容.
* callbackType如果是closeCurrent就会关闭当前tab
* 只有callbackType="forward"时需要forwardUrl值
* navTabAjaxDone这个回调函数基本可以通用了，如果还有特殊需要也可以自定义回调函数.
* 如果表单提交只提示操作是否成功, 就可以不指定回调函数. 框架会默认调用DWZ.ajaxDone()
* <form action="/user.do?method=save" onsubmit="return validateCallback(this, navTabAjaxDone)">
*
* form提交后返回json数据结构statusCode=DWZ.statusCode.ok表示操作成功, 做页面跳转等操作. statusCode=DWZ.statusCode.error表示操作失败, 提示错误原因.
* statusCode=DWZ.statusCode.timeout表示session超时，下次点击时跳转到DWZ.loginUrl
* {"statusCode":"200", "message":"操作成功", "navTabId":"navNewsLi", "forwardUrl":"", "callbackType":"closeCurrent"}
* {"statusCode":"300", "message":"操作失败"}
* {"statusCode":"301", "message":"会话超时"}
*
*/
function navTabAjaxDone(json){
DWZ.ajaxDone(json);
if (json.statusCode == DWZ.statusCode.ok){
if (json.navTabId){ //把指定navTab页面标记为需要“重新载入”。注意navTabId不能是当前navTab页面的
navTab.reloadFlag(json.navTabId);
} else { //重新载入当前navTab页面
navTabPageBreak({}, json.rel);
}
if ("closeCurrent" == json.callbackType) {
setTimeout(function(){navTab.closeCurrentTab(json.navTabId);}, 100);
} else if ("forward" == json.callbackType) {
navTab.reload(json.forwardUrl);
} else if ("forwardConfirm" == json.callbackType) {
alertMsg.confirm(json.confirmMsg || DWZ.msg("forwardConfirmMsg"), {
okCall: function(){
navTab.reload(json.forwardUrl);
}
});
} else {
navTab.getCurrentPanel().find(":input[defaultValue]").each(function(){
var defaultVal = $(this).attr("defaultValue");
$(this).val(defaultVal);
});
}
}
}
/**
* dialog上的表单提交回调函数
* 服务器转回navTabId，可以重新载入指定的navTab. statusCode=DWZ.statusCode.ok表示操作成功, 自动关闭当前dialog
*
* form提交后返回json数据结构,json格式和navTabAjaxDone一致
*/
function dialogAjaxDone(json){
DWZ.ajaxDone(json);
if (json.statusCode == DWZ.statusCode.ok){
if (json.navTabId){
navTab.reload(json.forwardUrl, {navTabId: json.navTabId});
} else if (json.rel) {
navTabPageBreak({}, json.rel);
}
if ("closeCurrent" == json.callbackType) {
$.pdialog.closeCurrent();
}
}
}
function ajaxTodoDone(backUrl,divID){
$("#"+divID).loadUrl(backUrl,'',function(){
$("#"+divID).find("[layoutH]").layoutH();
});
}
/**
* dialog上的表单提交回调函数(主要用于首页)
* 服务器转回navTabId，可以重新载入指定的navTab. statusCode=DWZ.statusCode.ok表示操作成功, 自动关闭当前dialog
*
* form提交后返回json数据结构,json格式和navTabAjaxDone一致
*/
function dialogMainAjaxDone(json){
DWZ.ajaxDone(json);
if (json.statusCode == DWZ.statusCode.ok){
navTabAjaxMain();
if ("closeCurrent" == json.callbackType) {
$.pdialog.closeCurrent();
}
}
}
/**
* 处理navTab上的查询, 会重新载入当前navTab
* @param {Object} form
*/
function navTabSearch(form, navTabId){
var $form = $(form);
if (form[DWZ.pageInfo.pageNum]) form[DWZ.pageInfo.pageNum].value = 1;
navTab.reload($form.attr('action'), {data: $form.serializeArray(), navTabId:navTabId});
return false;
}
/**
* 处理dialog弹出层上的查询, 会重新载入当前dialog
* @param {Object} form
*/
function dialogSearch(form){
var $form = $(form);
if (form[DWZ.pageInfo.pageNum]) form[DWZ.pageInfo.pageNum].value = 1;
$.pdialog.reload($form.attr('action'), {data: $form.serializeArray()});
return false;
}
function dwzSearch(form, targetType){
if (targetType == "dialog") dialogSearch(form);
else navTabSearch(form);
return false;
}
/**
* 处理div上的局部查询, 会重新载入指定div
* @param {Object} form
*/
function divSearch(form, rel){
var $form = $(form);
if (form[DWZ.pageInfo.pageNum]) form[DWZ.pageInfo.pageNum].value = 1;
if (rel) {
var $box = $("#" + rel);
$box.ajaxUrl({
type:"POST", url:$form.attr("action"), data: $form.serializeArray(), callback:function(){
$box.find("[layoutH]").layoutH();
}
});
}
return false;
}
/**
*
* @param {Object} args {pageNum:"",numPerPage:"",orderField:"",orderDirection:""}
* @param String formId 分页表单选择器，非必填项默认值是 "pagerForm"
*/
function _getPagerForm($parent, args) {
var form = $("#pagerForm", $parent).get(0);
if (form) {
if (args["pageNum"]) form[DWZ.pageInfo.pageNum].value = args["pageNum"];
if (args["numPerPage"]) form[DWZ.pageInfo.numPerPage].value = args["numPerPage"];
if (args["orderField"]) form[DWZ.pageInfo.orderField].value = args["orderField"];
if (args["orderDirection"] && form[DWZ.pageInfo.orderDirection]) form[DWZ.pageInfo.orderDirection].value = args["orderDirection"];
}
return form;
}
/**
* 处理navTab中的分页和排序
* targetType: navTab 或 dialog
* rel: 可选 用于局部刷新div id号
* data: pagerForm参数 {pageNum:"n", numPerPage:"n", orderField:"xxx", orderDirection:""}
* callback: 加载完成回调函数
*/
function dwzPageBreak(options){
var op = $.extend({ targetType:"navTab", rel:"", data:{pageNum:"", numPerPage:"", orderField:"", orderDirection:""}, callback:null}, options);
var $parent = op.targetType == "dialog" ? $.pdialog.getCurrent() : navTab.getCurrentPanel();
if (op.rel) {
var $box = $parent.find("#" + op.rel);
var form = _getPagerForm($box, op.data);
if (form) {
$box.ajaxUrl({
type:"POST", url:$(form).attr("action"), data: $(form).serializeArray(), callback:function(){
$box.find("[layoutH]").layoutH();
}
});
}
} else {
var form = _getPagerForm($parent, op.data);
var params = $(form).serializeArray();
if (op.targetType == "dialog") {
if (form) $.pdialog.reload($(form).attr("action"), {data: params, callback: op.callback});
} else {
if (form) navTab.reload($(form).attr("action"), {data: params, callback: op.callback});
}
}
}
/**
* 处理navTab中的分页和排序
* @param args {pageNum:"n", numPerPage:"n", orderField:"xxx", orderDirection:""}
* @param rel： 可选 用于局部刷新div id号
*/
function navTabPageBreak(args, rel){
dwzPageBreak({targetType:"navTab", rel:rel, data:args});
}
/**
* 处理dialog中的分页和排序
* 参数同 navTabPageBreak
*/
function dialogPageBreak(args, rel){
dwzPageBreak({targetType:"dialog", rel:rel, data:args});
}
function ajaxTodo(url, callback){
var $callback = callback || navTabAjaxDone;
if (! $.isFunction($callback)) $callback = eval('(' + callback + ')');
$.ajax({
type:'POST',
url:url,
dataType:"json",
cache: false,
success: $callback,
error: DWZ.ajaxError
});
}
/**
* A function that triggers when all file uploads have completed. There is no default event handler.
* @param {Object} event: The event object.
* @param {Object} data: An object containing details about the upload process:
* - filesUploaded: The total number of files uploaded
* - errors: The total number of errors while uploading
* - allBytesLoaded: The total number of bytes uploaded
* - speed: The average speed of all uploaded files
*/
function uploadifyAllComplete(event, data){
if (data.errors) {
var msg = "The total number of files uploaded: "+data.filesUploaded+"\n"
+ "The total number of errors while uploading: "+data.errors+"\n"
+ "The total number of bytes uploaded: "+data.allBytesLoaded+"\n"
+ "The average speed of all uploaded files: "+data.speed;
alert("event:" + event + "\n" + msg);
}
}
/**
* http://www.uploadify.com/documentation/
* @param {Object} event
* @param {Object} queueID
* @param {Object} fileObj
* @param {Object} response
* @param {Object} data
*/
function uploadifyComplete(event, queueId, fileObj, response, data){
DWZ.ajaxDone(DWZ.jsonEval(response));
}
/**
* http://www.uploadify.com/documentation/
* @param {Object} event
* @param {Object} queueID
* @param {Object} fileObj
* @param {Object} errorObj
*/
function uploadifyError(event, queueId, fileObj, errorObj){
alert("event:" + event + "\nqueueId:" + queueId + "\nfileObj.name:"
+ fileObj.name + "\nerrorObj.type:" + errorObj.type + "\nerrorObj.info:" + errorObj.info);
}
/**
* 删除或修改后刷新当前页面
* @param {Object} form
* @param {Object} callback
*/
function navTabAjax(json){
navTabAjaxDone(json);
navTab.reload();
}
/**
* 点击首页进去后添加刷新当前页
* @param {Object} form
* @param {Object} callback
*/
function navTabAjaxMain(){
var reflashMain = document.getElementById("reflashMain");
if(reflashMain != null && reflashMain != "undefined"){
reflashMain.click();
}
}
$.fn.extend({
ajaxTodo:function(){
return this.each(function(){
var $this = $(this);
$this.click(function(event){
var url = unescape($this.attr("href")).replaceTmById($(event.target).parents(".unitBox:first"));
DWZ.debug(url);
if (!url.isFinishedTm()) {
alertMsg.error($this.attr("warn") || DWZ.msg("alertSelectMsg"));
return false;
}
var title = $this.attr("title");
if (title) {
alertMsg.confirm(title, {
okCall: function(){
ajaxTodo(url, $this.attr("callback"));
}
});
} else {
ajaxTodo(url, $this.attr("callback"));
}
event.preventDefault();
});
});
},
dwzExport: function(){
function _doExport($this) {
var $p = $this.attr("targetType") == "dialog" ? $.pdialog.getCurrent() : navTab.getCurrentPanel();
var $form = $("#pagerForm", $p);
var url = $this.attr("href");
window.location = url+(url.indexOf('?') == -1 ? "?" : "&")+$form.serialize();
}
return this.each(function(){
var $this = $(this);
$this.click(function(event){
var title = $this.attr("title");
if (title) {
alertMsg.confirm(title, {
okCall: function(){_doExport($this);}
});
} else {_doExport($this);}
event.preventDefault();
});
});
}
});
相关推荐
9. 核心库：DWZ框架的核心库包括dwz.core.js、dwz.ui.js、dwz.ajax.js等，这些库提供了框架的基础功能和API接口。 10. 版本更新与问题解决：文档中还包括了关于DWZ版本升级的记录和一些常见问题的解决方法。 在...
- public：对外公开的静态资源目录，如CSS、JavaScript和图片文件，DWZ的前端资源通常放在这里。 - conf：配置文件目录，包含系统配置和路由设置。 - lib：可能存放自定义的类库或者扩展。 - runtime：运行时生成的...
- **dwz.ajax.js**：封装了基于jQuery的Ajax请求逻辑。 - **dwz.alertMsg.js**：用于显示提示消息的组件。 - **dwz.jDialog.js**：对话框组件的实现。 - **dwz.accordion.js**：Accordion组件的相关代码。 - **dwz....
- **dwz.ajax.js**: Ajax请求相关的功能。 - **dwz.alertMsg.js**: 提示消息功能。 - **dwz.jDialog.js**: 弹窗对话框功能。 - **dwz.accordion.js**: Accordion组件功能。 - **dwz.navTab.js**: 导航标签页功能。 -...
- **dwz.ajax.js**: Ajax请求相关的处理。 - **dwz.alertMsg.js**: 弹窗消息提示。 - **dwz.jDialog.js**: 对话框组件。 - **dwz.accordion.js**: Accordion组件。 - **dwz.barDrag.js**: 拖动条组件。 - **dwz....
- **dwz.ajax.js**：Ajax请求处理。 - **dwz.alertMsg.js**：消息提示功能。 - **dwz.jDialog.js**：对话框组件。 - **dwz.accordion.js**：Accordion组件。 - **dwz.barDrag.js**：拖拽条组件。 - **dwz....
DWZ富客户端框架为开发者提供了一种高效、便捷的方式来实现基于AJAX的应用程序开发，特别适合那些希望利用AJAX技术但又不想深入学习JavaScript的开发者。通过简单的HTML扩展和丰富的组件支持，DWZ极大地降低了开发...
- **dwz.ajax.js：**负责处理所有的Ajax请求及相关逻辑。 - **dwz.alertMsg.js：**提供消息提示功能，便于向用户展示系统状态。 - **dwz.jDialog.js：**实现了弹出对话框功能。 - **dwz.barDrag.js：**...
- **dwz.ajax.js**: Ajax相关功能。 - **dwz.alertMsg.js**: 弹出消息框功能。 - **dwz.jDialog.js**: 对话框组件。 - **dwz.accordion.js**: 折叠面板功能。 - **dwz.barDrag.js**: 拖拽条功能。 - **dwz.navTab.js...
•对于初学者不建议看DWZ全部源码，但还是非常有必要看看dwz.ui.js和dwz.ajax.js •可以从google code下载dwz_thinkphp版本，结合php后台去理解DWZ和服务器端的交互方式 DWZ区别于其它JS框架，最大的优点 •完全...
· 对于初学者不建议看DWZ全部源码，但还是非常有必要看看dwz.ui.js和dwz.ajax.js · 可以从google code下载dwz_thinkphp版本，结合php后台去理解DWZ和服务器端的交互方式 DWZ区别于其它JS框架，最大的优点 · ...
对于那些希望在不深入了解JavaScript的情况下就能利用Ajax和丰富的用户界面组件进行开发的前端工程师来说，DWZ提供了一个非常友好且高效的解决方案。 ### 设计思路与优势 DWZ的设计理念在于减少开发者的负担，使...
- `dwz.ajax.js`：AJAX通信模块，封装了网络请求逻辑。 - `dwz.alertMsg.js`：消息提示组件，用于用户反馈。 - `dwz.tree.js`：树形结构组件，适用于层级展示。 - `dwz.validate.*.js`：表单验证相关库，确保数据...
- **DWZ框架初始化**：包括核心文件`dwz.core.js`以及一系列用于实现不同功能的模块，如`dwz.ajax.js`、`dwz.alertMsg.js`等。 - **模块功能详解**： - `dwz.ajax.js`：处理Ajax请求相关的功能。 - `dwz.alertMsg....
2. EXT.js：EXT.js是一款由Sencha公司开发的JavaScript库，用于构建桌面级的Web应用。EXT.js以其丰富的组件库、强大的数据网格和高度可定制性著称。DWZ UI框架在一定程度上借鉴了EXT.js的设计理念，但更注重本土化，...
通过DWZ框架，即使对JavaScript不太熟悉的开发者也能够利用Ajax和丰富的用户界面组件进行开发工作。 #### 学习DWZ的建议 - **了解基础HTML和CSS**: 由于DWZ框架允许通过HTML扩展的方式替代JavaScript代码，因此具备...
4. 用户通过DWZ组件与页面互动，触发AJAX请求，这些请求被Struts拦截并转发到相应的Action。 5. Struts将处理结果返回给DWZ，更新前端展示。 总之，这个“dwz.rar_dwz_dwz struts”压缩包可能包含了一个使用DWZ和...