EasyUI 弹出window子页面,选中某条数据回调给父页面并关闭子页面

父页面

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');
}

再三须慎意,第一莫欺心
原文地址:https://www.cnblogs.com/otsf/p/13754423.html