iframeDialog子页面在不关闭的情况下给父页面组件赋值 & jqGrid 分页

iframeDialog子页面在不关闭的情况下给父页面组件赋值

父页面

<input type="text" id="fatherInput1">
<input type="text" id="fatherInput2">

子页面

<script>
$(function() {
	$("#grid").jqGrid({
		datatype: 'local',
		height: '100%',
		width:"100%",
		autowidth:true,
		rowNum: 10,
		rowList: [10,20,30],
		colNames:['ID', '课程'],
		colModel:[
		    { name: 'id', index: 'id', editable:true },
		    { name: 'course', index: 'course', editable:true }
		],
		pager: '#pager', // 分页
		viewrecords: true,
		loadComplete : function () {
		}
	});
}
            
function choose() {
	var rowid = $("#grid").jqGrid("getGridParam", "selrow");
    var rowData = jQuery("#grid").jqGrid("getRowData", rowid);
    var sonVal = rowData.course;
	// 获取父页面当前input框的值
	var fatherInputNow = $("#fatherInput",window.parent.document).val();
	// 父页面当前input1框的值 与 子页面表格选择的值 拼接
	$("#fatherInput1",window.parent.document).val(fatherInputNow + sonVal);
    // 父页面当前input2框的值 = 子页面表格选择的值
    $("#fatherInput2",window.parent.document).val(sonVal);
}
</script>

<table id="grid"></table>
<div id="pager"></div>
<buttontype="button" onclick="choose()">选择</button>