效果如下图:
页面
<!--内容部分-->
<div id="dialog_message">
<p>
<span class="ui-icon-yan ui-icon-alert-yan" style="float:left; margin:0 7px 20px 0;"></span>
数据正在处理中,请耐心等待
</p>
</div>
.ui-icon-yan { width: 16px; height: 16px; background-image: url(../images/ui-icons_469bdd_256x240.png); }
.ui-icon-alert-yan { background-position: 0 -144px; }
<script type="text/javascript">
$("#dialog_message").dialog({
resizable: true,
autoOpen:false,
modal: true
});
/*
type为保存类型,
*/
function save(type) {
//form = button.form;
form = $('#deptMeasureForm')[0];
if (!biz.validate("valid", form)) {
showWarn("<fmt:message key='validation.object'/>", 3000);
return;
}
var $table = $("#timeDecTableInfo tbody") ;
var $tr = $table.find('tr') ;
var rowCount = $tr.length;
var rows = [] ;
//判断下面表格是否有内容,如果没有不能保存
if(rowCount == 0 ){
showWarn("该月没有数据!", 2000);
return ;
}
var flag = true ;
//检查目标分解中的内容是否填写完整
$tr.find("[name=ggtPlanValues],[name=ggtOver]").each(function(){
if($(this).val() == ""){
showWarn("请将测量信息填写完整!", 2000);
flag = false;
return false ;
}
});
//验证不通过
if(!flag){
return ;
}
$("#dialog_message").dialog("open");
for(var i = 0 ; i < rowCount ; i++){
var $temp = $tr.eq(i);
var obj = {
ggtPlanValues : $temp.find('[name=ggtPlanValues]').val(),
ggtId : $temp.find('[name=ggtId]').val(),
ggiId : $temp.find('[name=ggiId]').val(),
ggtOver : $temp.find('[name=ggtOver]').val(),
ggtRemark : $temp.find('[name=ggtRemark]').val()
}
rows.push(obj);
}
var ggttId = $("#ggttId").val();
var param = {
ggttTaskName:$('#ggttTaskName').val(),
ggttRemark:$('#ggttRemark').val(),
ggttId:$("#ggttId").val(),
timeDecInfo:rows
};
$.ajax({
type:"POST",
url:'<c:url value="/deptMeasuregx/update"/>',
data:"param="+encodeURIComponent(encodeURIComponent(JSON.stringify(param))),
success:function(){
$("#dialog_message").dialog("close");
if(type == 1){
showInfo("保存成功!", 2000);
}
}
});
return true ;
}
<pre name="code" class="html"><script/>