如何突出显示 jsTree 节点

Question

我想触发我的jsTree节点的点击事件。我在下面编写的代码就是这样做的。我的问题是触发事件后，节点不会突出显示。

$("#myTreeId li[id=" + myLiId + "] a").click();
$("#myTreeId li[id=" + myLiId + "] a").addClass('jstree-clicked');

我该怎么做？提前致谢

Answer 1

你可以使用 jstree 函数selectNode ; 使用它会被触发函数select_node.jstree绑定。

法典：

$("#tree").jstree("select_node", "#30"); 

用作第二个参数的 id 是用于填充树的每个节点的 id 属性;显然，用于填充树的数据必须包含 id 属性。

代码示例：

$("#tree").jstree({
    "json_data": {
        "data": [{
            "data": "pe_opensourcescanning",
                "attr": {
                "id": 77,
                    "pId": -1
            },
                "children": [{
                "data": "tags",
                    "attr": {
                    "id": 30,
                        "pid": 0
                }
            }, {
                "data": {
                    "title": "branches"
                },
                    "attr": {
                    "id": 29,
                        "pid": 0
                }
            }]
        }]
    },
        "plugins": ["themes", "json_data", "ui"]
})
$("#tree").bind(
    "select_node.jstree", function (evt, data) {
    console.log('select!');
});
$("#selectNode").click(function () {
    $("#tree").jstree("select_node", "#30");
});

演示：http://jsfiddle.net/IrvinDominin/UE9Ed/