zTree实现节点修改的实时刷新

Posted on Edited on In Views:

必须

初始化时必须设置配置

1
2
3
4
5
6
7
8
9
10
<span style="font-size:14px;"> async:{
			enable:true,
			url:"../admin/scriptManager/loadNodeByID.htm",
			autoParam:["id"],
			dataType:"json",
		},
		view: {
			selectedMulti: false
		}
	}</span>

方法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
/**
 * 获取选中单个节点
 * @returns {*}
 */
function getSelectedNode(){
    var newTree = $.fn.zTree.getZTreeObj("newTree");
    var checkNodes = newTree.getSelectedNodes();
    if (checkNodes.length === 0) {
        Power.dialog.alertError("请选择栏目!");
        return null;
    } else {
        return checkNodes[0];
    }
}
/**
 * 更新栏目节点
 */
function updateNode(isParen=0) {
    var node = getSelectedNode();
    if (!node) {
        return;
    }
    // 刷新父节点
    if (isParen){
        /*根据 zTree 的唯一标识 tId 快速获取节点 JSON 数据对象*/
        node = newTree.getNodeByTId(node.parentTId);
        /*选中指定节点*/
        newTree.selectNode(node);
    }
    newTree.reAsyncChildNodes(node, "refresh", false);
}

参考