首页 > 代码库 > easyDialog弹窗+zTree部门选择

easyDialog弹窗+zTree部门选择

写一个父页面方法,将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="http://www.mamicode.com/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);
}
}

 

easyDialog弹窗+zTree部门选择