jstree判断是否有下级节点

有3种方法:

用is_parent( node)方法, node传节点ID或节点对象, 有下级节点则返回true.

用is_leaf(node)方法, 此方法表示是否为最末级, 刚好和is_parent相反.

在事件中获取node对象, 其中node.child为包含所有直接子节点的数组, node.child.length === 0 则没有下级节点.

示例:

html

<div id="tree"></div>

JavaScript

var $tree = $('#tree');
$tree.jstree({
    core: {
        data: [
            { id: '1', parent: '#', text: "1" },
            { id: '2', parent: '1', text: "11" },
            { id: '3', parent: '1', text: "12" },
            { id: '4', parent: '2', text: "111" }
        ]
    }
});

$tree.on('ready.jstree', function () {
    //jQuery风格
    $tree.jstree('is_parent', '2'); //true
    $tree.jstree('is_leaf', '2'); //false
    
    //使用jstree实例对象操作
    var tree = $tree.jstree(true);
    tree.is_parent('4'); //false
    tree.is_leaf('4'); //true 
    
    //注意: jstree的初始化是一个异步过程, 如果上述代码没有放在初始化完成的事件中,将不会得到正确的结果,因为执行代码时,jstree还没生成.
});

//jstree事件中的应用
$tree.on('select_node.jstree', function (e, data) {
    var node = data.node;
    if(node.child.length > 0)
        console.log('此节点有下级节点');
        
    var tree = data.instance;
    if(tree.is_parent(node)) //这里无需tree.is_parent(node.id), is_parent方法可以node对象作为参数.
        console.log('此节点有下级节点');     
});

温馨提示：答案为网友推荐，仅供参考

当前网址：https://verywind.cn/ee/v3ryyexvjf2772f77xx.html