ztree单击树节点,弹出dialog弹框
ztree本身自带的编辑和删除之类的不会有弹框。但是在现实项目中点击ztree节点需要弹出一个dialog编辑框,查看ztree API发现有一个onClick事件,可以实现需求效果
<script type="text/javascript">
// 在callbackk里面加 onClick: zTreeOnClick,
//单击显示详情
onClick: zTreeOnClick,
function zTreeOnClick(event, treeId, treeNode) {
var treeObj = $.fn.zTree.getZTreeObj("scanTypeTree");
var parentNode = treeObj.getNodeByParam("id", treeNode.pId);
if (treeNode.level == 2) {
//我项目中需要弹出框的条件,具体按本人项目需求进行修改
if (treeNode.canAdd || parentNode.name == '哈哈哈') {
// 编辑节点操作
var violationId = treeNode.id;
var node = $.fn.zTree.getZTreeObj("policyTree").getSelectedNodes()[0];
if (node.level != 0) {
$.confirmBox({type: 'warn', msg: "请先选中.....", defaultCloseBtnName: '确认'})
return false;
}
var policyId = node.id;
hideRMenu();
$("#policyDialog").createDialog({
title: "修改" + parentNode.name,
width: 500,
height: 300,
url: "" ,
buttons: {
"保存": function () {
$("#violationForm").submit();
}
}
})
}
}
};
</script>