查询数据时候等待效果

最新推荐文章于 2024-10-19 10:57:12 发布

原创最新推荐文章于 2024-10-19 10:57:12 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#function #border #jsp #css

本文介绍了一个使用jQuery实现的阻塞UI效果的JavaScript函数waitSubmit()，该函数会在表单提交过程中显示加载提示并阻止用户交互。此外还展示了一个doSave()函数用于设置表单值并提交。

function waitSubmit(){
	try{
	$.blockUI({
		  //fadeIn: 700, //渐入式显示
		  fadeOut: 700, //渐出式消失
		  timeout: 20000, //2 秒后消失
		  message: '<img width="32px" height="32px" src="/CNAS_LAS/images/load.gif" /><br/> 数据处理中，请稍候',
		  css: { border: '0',
			       backgroundColor: '#FFFFFF'
				  },
		  overlayCSS: { backgroundColor: '#FFFFFF' }
		});
	}catch(e){}
}

下面为jsp提交时候的js

var doSave = function(){
	$('#transitionPersonName').val($('#transitionPerson_userId option:selected').text());
	$("#nextText").val($('#nextTransaction1 option:selected').text());
	mainForm.action = "${pageContext.request.contextPath}/approval/doSave.action?flag=${param.flag}";
	waitSubmit();
	mainForm.submit();
}