dwz框架---(2)表单回调函数

dwz中的表单回调函数大概有下面几种：

/**

 * 普通ajax表单提交

 * @param {Object} form

 * @param {Object} callback

 * @param {String} confirmMsg 提示确认信息

 */

function validateCallback(form, callback, confirmMsg) {

	var $form = $(form);

	if (!$form.valid()) {

		return false;

	}

	var _submitFn = function(){

		$.ajax({

			type: form.method || 'POST',

			url:$form.attr("action"),

			data:$form.serializeArray(),

			dataType:"json",

			cache: false,

			success: callback || DWZ.ajaxDone,

			error: DWZ.ajaxError

		});

	}

	if (confirmMsg) {

		alertMsg.confirm(confirmMsg, {okCall: _submitFn});

	} else {

		_submitFn();

	}

	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").text();

				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框架中提前定义的表单提交回调函数．

 * server转回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", "rel"."xxxId"}

 * {"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页面

			var $pagerForm = $("#pagerForm", navTab.getCurrentPanel());

			var args = $pagerForm.size()>0 ? $pagerForm.serializeArray() : {}

			navTabPageBreak(args, 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);

				},

				cancelCall: function(){

					navTab.closeCurrentTab(json.navTabId);

				}

			});

		} else {

			navTab.getCurrentPanel().find(":input[initValue]").each(function(){

				var initVal = $(this).attr("initValue");

				$(this).val(initVal);

			});

		}

	}

}

/**

 * dialog上的表单提交回调函数

 * server转回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) {

			var $pagerForm = $("#pagerForm", navTab.getCurrentPanel());

			var args = $pagerForm.size()>0 ? $pagerForm.serializeArray() : {}

			navTabPageBreak(args, json.rel);

		}

		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;

}

用法曾经两个为例：

form一般用this取代。callback指的是回调函数。能够自己定义，在js里面写一个callback(json)方法，回调时会调用，confirmMsg显示提示信息。

下面是我写的iframeCallback(form, callback)带文件上传的样例，可供參考：

<form id="canshuwwwwww" method="post" action="<%=basePath %>/sdsc/job/jobparamcreate" enctype="multipart/form-data" class="pageForm required-validate" onsubmit="return iframeCallback(this,callback);" > <!-- onsubmit="return iframeCallback(this);" return validateCallback(this,ajaxDone2); -->

			<table style="line-height:20px;margin-left:20px;">

			<!-- input禁止输入 -->

				<tr>

					<td><label>选择參数:</label>

					<input id="softparamid" name="softwareparam.id" value="" type="hidden"/>

					<td><input id="softname" class="required" name="softwareparam.name" type="text" readonly="readonly" style="width:220px;" disabled="disabled"/>

					<td><strong><a id="find" href="" style="float:left;" class="btnLook" lookupgroup="softwareparam" title="选择软件參数" width="400"  >查找带回</a></strong>

				<tr>

					<td><label>參数值:</label>

					<td><input id="paramvalue" type="text" name="paramvalue" class="required" size="20" maxlength="32" style="width:220px;" disabled="disabled"/>

				<tr>

					<td><label>文件：</label>

					<td><input id="uploadfile" name="uploadfile" type="file" />

					<input id="softwareid" name="softwareid" value="" type="hidden"/>

					<input id="jobinfoid" name="jobinfoid" value="" type="hidden"/>

					<td><div class="buttonActive"><div class="buttonContent"><button type="submit" >确定</button></div></div>

			</table>

		</form>

function callback(json){

	//alert(json.id);

	//提交參数的回调函数

		//表格加入一行

		newRow=document.all.yltable.insertRow(-1);

		 j_1++;

		newRow.id=json.id;

		newcell=newRow.insertCell();

		newcell.className="cell";

		//newRow.bgColor='#FFFFFF';

		newcell.align='center';

		//newcell.innerHTML="";

		newcell.innerHTML="第"+j_1+"行";

		newcell=newRow.insertCell();

		//newRow.bgColor='#FFFFFF';

		newcell.className="cell";

		newcell.align='center';

		newcell.innerHTML=json.paramname;

		newcell=newRow.insertCell() ;

		//newRow.bgColor='#FFFFFF';

		newcell.className="cell";

		newcell.align='center';

		//alert(document.getElementById("aaaaa"))

		//newcell.innerHTML='<input name="button3" type="button" onClick="delrow1()" value="删除1"> <input name="button3" type="button" onClick="delrow2()" value="删除2">';

		newcell.innerHTML=json.paramvalue;

		newcell=newRow.insertCell() ;

		//newRow.bgColor='#FFFFFF';

		newcell.className="cell";

		newcell.align='center';

		//newcell.innerHTML='<shiro:hasPermission name="dojob:delete"><a class="delete" target="ajaxTodo" href="/workbench/sdsc/job/jobparamdelete/'+json.id+'" title="确认要删除该參数?"><span>删除</span></a></shiro:hasPermission>';

		newcell.innerHTML='<a title="确认要删除该參数?" onClick="submit('+json.id+')"><span>删除</span></a>';

		document.all.yltable.focus();

	}

	function submit(a){

	$.ajax({

				url : "/workbench/sdsc/job/jobparamdelete/"+a,

				data : {

				},

				type:"post",

				dataType : 'json',

				success : function(data) {

					var table = document.getElementById('yltable');

					document.getElementById(a).parentNode.removeChild(document.getElementById(a));

				},

				error : function() {

					alert("失败");

				}

		});

	}

dwz框架---(2)表单回调函数的更多相关文章

JS通用表单验证函数,基于javascript正则表达式
表单的验证在实际的开发当中是件很烦琐又无趣的事情今天在做一个小项目的时候,需要JS验证,寻找到一个比较好的东西地址如下: http://blog.csdn.net/goodfunman/archiv ...
Flask10 登录模块、表单框架、表单渲染、表单验证、bookie、请求之前钩子、g对象、编写装饰器
from flask import Flask from flask import request from flask import render_template from flask_wtf i ...
php 表单校验函数库（判断email格式是否正确、http地址是否合法有效、手机号码是否合法）
/** * 表单校验函数库 */ /** * 判断email格式是否正确 * @param $email */ function is_email($email) { return strlen($e ...
js进阶 14-8 表单序列化函数serializeArray()和serialize()的区别是什么
js进阶 14-8 表单序列化函数serializeArray()和serialize()的区别是什么一.总结一句话总结:两者都是对表单进行序列化,serializeArray()返回的是json ...
DWZ(JUI)的lookupGroup增加回调函数
DWZ 是一个很好的富客户端框架 lookupGroup也是一个必用到的东东,但没有回调函数,后期处理相当的不便. 修改其dwz.database.js 增加几行,就能实行一个很好的回调. 使用就方便 ...
Python——Flask框架——Web表单
一.框架Flask-WTF 安装: pip install flask-wtf 需要程序设置一个密钥 app = Flask(__name__) app.config['SECRET_KEY'] = ...
来玩Play框架04 表单
作者:Vamei 出处:http://www.cnblogs.com/vamei 欢迎转载,也请保留这段声明.谢谢! 表单(form)是最常见的从客户往服务器传递数据的方式.Play框架提供了一些工具 ...
HTML基础篇之内嵌框架和表单
内嵌框架: <iframe src="http://www.baidu.com" name="d"></iframe> 网页会显示一个这 ...
前端框架bootstrap 表单和导航菜单的 Demo（第二篇）
表单: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <tit ...

随机推荐

location.href使用方法总结
javascript中的location.href有非常多种使用方法,主要例如以下. self.location.href="/url" 当前页面打开URL页面 location. ...
二叉树的前序和中序得到后序 hdu1710
今天看学长发过来的资料上面提到了中科院机试会有一个二叉树的前序中序得到后序的题目.中科院的代码编写时间为一个小时,于是在七点整的时候我开始拍这个题目.这种类型完全没做过,只有纸质实现过,主体代码半个小 ...
[转]使用xftp连接centos6.5
首先要在windows上安装xftp软件,这个是傻瓜式操作就不说了安装完成之后,在centos上查看是否装了xftpd服务,[root@centos Desktop]# rpm -qa | grep ...
在Android中显示GIF动画
gif图动画在android中还是比较常用的,比如像新浪微博中,有很多gif图片,而且展示非常好,所以我也想弄一个.经过我多方的搜索资料和整理,终于弄出来了,其实github上有很多开源的gif的展示 ...
Lucene4.3入门
辞职交接期间无聊看了一下搜索引擎,java社区比较火的当然是Lucene,想写一个简单的小例子,在网上找了些资料,不过都不是4.3的,自己看了一下. 下载地址:http://lucene.apache ...
Service的开启和停止以及生命周期
1.清单文件 <service android:name=".TestService"></service> 2.开启Service Intent inte ...
Activity 和 Intent
Activity 和 Intent 一.Intent指向Activity 二.利用 Intent 向第二个 Activity 传数据三.利用 Intent 接受第二个 Activity 的返回值四 ...
itextSharp 对pdf的每个页面添加footer/header
static void SetAllHeaderFooter(string inputPath) { PdfReader reader=new PdfReader(inputPath); PdfSta ...
QT显示机制（7篇相关文章）
了解QT显示机制,最重要的就是要了解QT是如何管理窗体的显示区域的,这里有个重要的类:QRegion, 在QT中可以通过QRegion定义一个窗体的显示区域,也可以通过QRegion定义窗体的可修改区 ...
[Boost基础]并发编程——asio网络库——异步socket处理
异步服务器端 #include <conio.h> #include <iostream> using namespace std; #include <boost/as ...

dwz框架---(2)表单回调函数

dwz框架---(2)表单回调函数的更多相关文章

随机推荐

热门专题