父页面
HTML
<div id="myWindow" class="easyui-dialog" closed="true"></div>
<a onclick="openLink('title,'url');" class="easyui-linkbutton"></a>
JS
//打开选择框
function openLink(a, b) {
showMyWindow(a,
b,
800, 500);
}
function showMyWindow(title, href, width, height, modal, minimizable,
maximizable) {
$('#myWindow').window(
{
title: title,
left: ($(window).width() - 650) * 0.5,
top: ($(window).height() - 540) * 0.5,
width === undefined ? 600 : width,
height: height === undefined ? 400 : height,
content: '<iframe scrolling="yes" frameborder="0" src="'
+ href
+ '" style="100%;height:98%;"></iframe>',
modal: modal === undefined ? true : modal,
minimizable: minimizable === undefined ? false
: minimizable,
maximizable: maximizable === undefined ? false
: maximizable,
shadow: false,
cache: false,
closed: false,
collapsible: false,
resizable: false,
inline: true,
loadingMessage: '正在加载数据,请稍等片刻......',
});
}
子页面
HTML
<table id="griddata" class="easyui-datagrid">
</table>
JS
$('#griddata').datagrid({
columns: [[
{
field: '_name', title: '名称', 300, height: 40, align: 'left', formatter: function (value, row, index) {
return "<span title='" + value + "' class='easyui-tooltip tooltip-f' style='color:#3399FF;cursor:pointer;' onclick = 'callBackData("" + value + "","" + row._xmbh +"")'>" + value + "</span>"
}
]],
});
//给父页面赋值
function callBackData(name) {
window.parent.closeModuleWin();
$(window.parent.$("#name").val(name));
};
//父页面JS方法
function closeModuleWin() {
$('#myWindow').window('close');
}