easyDialog弹窗+zTree部门选择

Posted 2020-08-21 命

写一个父页面方法，将name和id赋值

function show(name,id) {
$("#deptnoID").val(name);
$("#deptnoId").val(id);
}
$(function() {

回调函数，对应easyDialog.open方法中的yesFn : btnFn，先用.contentWindow获取iframe的window对象，取出id和name。返回值true表示不关闭弹窗
var btnFn = function(){
var iframe=document.getElementById("iframe").contentWindow;
var id=iframe.id;
var name = iframe.name;
return true;
};

获取文本框，触发单击事件，在content用iframe标签嵌入zTree树杈菜单，并加入样式frameborder="0"：无边框， height="380"：高度， scrolling="no"：无滚动条
$("#deptnoID").click(function() {
easyDialog.open({
container : {
header : "选择部门",
content : ‘<iframe id="iframe" src="<%=basePath %>admin/deptno/dept" frameborder="0" height="380" scrolling="no" ></iframe>‘,
yesFn : btnFn,
noFn : true
}
});
});
});

zTree中子页面的回调函数，将父页面show方法赋值的name和id传进来

callback: {
onClick: function(event, treeId, treeNode){
parent.show(treeNode.name,treeNode.id);
}
}