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 ...

随机推荐

net core开发环境准备
net core开发环境准备 1.1 安装sdk和运行时浏览器打开网址https://www.microsoft.com/net/download, 到.Net Core下载页面. 根据操作系统, ...
JAVA学习中好网站 - -
http://www.54bk.com 我是博客 http://www.java-cn.com java中文网 http://java.sun.com sun官方网站 http://www.comej ...
word2vec 中的数学原理具体解释（三）背景知识
word2vec 是 Google 于 2013 年开源推出的一个用于获取 word vector 的工具包,它简单.高效,因此引起了非常多人的关注.因为 word2vec 的作者 Tomas M ...
UVALive 3989 Ladies' Choice
经典的稳定婚姻匹配问题 UVALive - 3989 Ladies' Choice Time Limit: 6000MS Memory Limit: Unknown 64bit IO Format: ...
Ibatis调用存储过程实现增删改以及分页查询
1.Ibatis实现增删改操作很简单了,通常我是将某一模块的增删改功能写在一个存储过程里,通过一个标识符去区分执行增加还是修改抑或删除操作. statement: <!-- 存储过程:实现学生的 ...
SQL Server 基础 02 确保数据完整性
本章总结目的: 为了巩固约束.事务! 约束使用数据库约束就是保证数据库的完整性的方法,SQL Server 涉及的完整性有三个: 1.实体完整性 : (不能为空且重复,即唯一的,例如身份证 ...
基于visual Studio2013解决C语言竞赛题之0703乾坤大挪移
题目
Savitzky-Golay滤波器（2）
前几天写过一篇介绍 Savitzky-Golay滤波器的文章, 没想到最近做项目还真的用上了. 因此就顺便写了个 C 语言的自动计算生成 SG 滤波器系数的程序.利用这里的代码可以生成任意阶数的 SG ...
Linux进程阻塞的相关知识
1.如果驱动程序无法立即满足要求,该如何响应? 当数据不可用时,用户可能调用read:或者进程试图写入数据,但因为输出缓冲区已满,设备还未准备好接受数据.调用进程通常不会关心这类问题,程序员只会简单调 ...
C#获取千分位，给数字加逗号分隔符
/// <summary> /// 对数字添加”,“号,可以处理负数以及带有小数的情况 /// </summary> /// <param name="vers ...

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

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

随机推荐

热门专题