如何得到当前页面弹出的第二个窗口的值。
首先我的当前页面为:a.jsp
/*
* 弹出部门选择页面
*/
function findAllDepartments(number){//传进的不同参数用于区别弹出相同页面向不同文本框传值
iDialog = parent.$("#dialog1").dialog({
width : 1080,
height : 680,
title : "请选择所属部门",
modal : true,
cache: false,
href : '${pageContext.request.contextPath}/business/department_findAllBasic.action', // 仅指定要弹出的另一个页面
onClose : function() {
iDialog = null;
$(this).dialog('destroy');
},
buttons : [{
text : "取消",
iconCls : 'icon-cancel',
handler : function() {
iDialog.dialog('close');
}
},{
text : "确定",
iconCls : 'icon-ok',
handler : function() {
var basic = window.parent.getAllBasic(); // 弹出页面返回的对象
if(basic!=""){
if(number=='1'){
$('#business_unit').val(basic.no); //得到选中值
$('#business_unit_name').val(basic.departmentName); //<span style="font-family: Arial, Helvetica, sans-serif;"> 得到选中值</span>
}
if(number=='2'){
$('#customer_service_department').val(basic.no);
$('#customer_service_department_name').val(basic.departmentName);
}
iDialog.dialog('close');
}
}
}]
});
}
<div id="<span style="font-family: Arial, Helvetica, sans-serif;">dialog1</span><span style="font-family: Arial, Helvetica, sans-serif;">"></div></span>
<span style="font-family: Arial, Helvetica, sans-serif;">
</span>
<span style="font-family: Arial, Helvetica, sans-serif;">
</span>
<span style="font-family: Arial, Helvetica, sans-serif;">
<td class="label">业务部门</td>
<td>
<input type="hidden" id="business_unit" name="contract.business_unit"/>
<input type="text" id="business_unit_name"/>
<input type="button" value="选择" οnclick="findAllDepartments('1')"/>
</td>
<td class="label">客服部门</td>
<td>
<input type="hidden" id="customer_service_department" name="contract.customer_service_department"/>
<input type="text" id="customer_service_department_name"/>
<input type="button" value="选择" οnclick="findAllDepartments('2')"/>
</td>
</span>
<script type="text/javascript">
$(function(){
$("#data_grid").datagrid({
columns :[[
{title : "部门编号",width : 150,field : "no"},
{title : "部门名称",width : 150,field : "departmentName"},
{title : "部门经理",width : 150,field : "manager"},
{title : "联系电话",width : 150,field : "tels"}
]],
url : "${pageContext.request.contextPath}/business/department_datagrid.action",
idField : "id",
singleSelect : true,
pagination : true,
pageNumber : 1,
pageSize : 10,
pageList : [10,20,30,50],
fit : true,
fitColumns : true,
striped : true,
loadMsg : "正在加载,请稍后。。。",
toolbar : "#toolbar"
});
});
/*
* 搜索
*/
function doSearch() {
$("#data_grid").datagrid("load",{
"department.no" : $("#search_no").val(),
"department.departmentName" : $("#search_departmentName").val(),
"department.manager" : $("#search_manager").val(),
"department.tels" : $("#search_tels").val()
});
}
function getAllBasic(){//a.jsp页面调用b.jsp中的这个方法,返回选中一行值
var row = $("#data_grid").datagrid("getSelected");
if(row == null) {
parent.$.messager.alert("提示","请选择一条数据!");
return "";
}
return row;
}
</script>
<div id="toolbar">
<table>
<tr >
<td class="label">部门编号</td>
<td><input type="text" id="search_no" name="department.no"/></td>
<td class="label">部门名称</td>
<td><input type="text" id="search_departmentName" name="department.departmentName"/></td>
</tr>
<tr >
<td class="label">部门经理</td>
<td><input type="text" id="search_manager" name="department.manager"/></td>
<td class="label">联系电话</td>
<td><input type="text" id="search_tels" name="department.tels"/></td>
</tr>
</table>
<a href="javascript:void(0)" οnclick="doSearch()" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true">查询</a>
</div>
<div data-options="region:'center',border:false" style="height: 400px;">
<table id="data_grid"></table>
</div>
附上XXaction.java和struts.xml 不再赘述:
public String findAllBasic() throws Exception {
return "basic_input";
}
<span style="white-space:pre"> </span><result name="basic_input">/WEB-INF/jsp/business/department_basic.jsp</result>