jstree判断是否有下级节点

jstree判断是否有下级节点

有3种方法:

用is_parent( node)方法, node传节点ID或节点对象, 有下级节点则返回true.
用is_leaf(node)方法, 此方法表示是否为最末级, 刚好和is_parent相反.
在事件中获取node对象, 其中node.child为包含所有直接子节点的数组, node.child.length === 0 则没有下级节点.

示例:
html
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('此节点有下级节点');     
});

在DhtmlXtree中可以用tree.getLeafCount(itemId)获取节点下的子节点数，如果你想计算的是根节点下所有的子节点的话，可以先用上面的计算出根节点下的子节点数然后在有循环判断这些子节点中那个有孩子节点然后在根据tree.getLeafCount(itemId)计算此节点下的字节点数，依次循环直至最后。

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息