关于jquery dialog +ifram,并要局部刷新的总结
首先有两个不同的jsp页面：seachCustomer和returnCustomer,在seachCustomer有个iframe
<div id="dialogR-form" title="加盟商回访管理" style="z-index: 999999;">
<table id="RiframeTable" width="100%" border="0" cellpadding="0"
cellspacing="0">
<tr>
<td nowrap class="title">
回访信息
</td>
</tr>
</table>
<iframe id="RcustomerFrame" width="917" frameborder="0"
scrolling="no" height="476px" name="RcustomerFrame"
class="ui-widget-content ui-corner-all"></iframe>
</div>
此iframe包含returnCustomer.jsp，主要的问题是如何去调用iframe的内容：
//初始化表单的对话框
$("#dialogR-form")
.dialog(
{
autoOpen : false,
height : 520,
width : 960,
modal : true,
buttons : {
'提交' : function() {
var customerID = $("#RcustomerFrame")
.contents().find("#customerID").val();
var companyName = $("#RcustomerFrame")
.contents().find("#companyNam").val();
var returnVisitTime = $("#RcustomerFrame")
.contents().find("#returnVisitTime")
.val();
var nextVisitTime = $("#RcustomerFrame")
.contents().find("#nextVisitTime")
.val();
var returnVisitWay = $("#RcustomerFrame")
.contents().find("#returnVisitWayID")
.val();
var intendedPurpose = $("#RcustomerFrame")
.contents().find("#intendedPurpose")
.val();
var visitResult = $("#RcustomerFrame")
.contents().find("#visitResult").val();
var level = $("#RcustomerFrame")
.contents().find("#levelID").val();
$.ajax( {
'url' : 'returnCustomerSave.action',
'data' : {
'customerID' : customerID,
'customer.companyName' : companyName,
'returnVisitTime' : returnVisitTime,
'nextVisitTime' : nextVisitTime,
'returnVisitWay.ID' : returnVisitWay,
'intendedPurpose' : intendedPurpose,
'visitResult' : visitResult,
'customer.level.ID' : level,
},
'type' : 'POST',
'success' : function(dateFlag) {
window.frames["RcustomerFrame"].reload();
}
});
},
'取消' : function() {
$(this).dialog('close');
}
},
beforeclose : function() {
/**变更浮层关闭，底层地域选择框显示*/
document.getElementById("showarea").style.display = "block";
}
});
如果要刷新jqgrid 的内容：使用 window.frames["RcustomerFrame"].reload();（注意使用此方法时要设iframe的name值name="RcustomerFrame"）
returnCustomer.jsp的reload()方法为：function reload(){
jQuery("#list").jqGrid().trigger("reloadGrid");
}