包含htmljstree的词条

今天给各位分享htmljstree的知识，其中也会对进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

微信号：cloud7591
如需了解更多，欢迎添加客服微信咨询。
复制微信号

本文目录一览：

• 1、jstree判断是否有下级节点
• 2、jsTree搜索问题-不隐藏节点
• 3、jstree如何清除重新渲染
• 4、html jstree怎么绑定onchange事件

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('此节点有下级节点');     

});

jsTree搜索问题-不隐藏节点

设置了插件的show_only_matches为ture后，输入带匹配限制的短语，显示节点。但是如果输入的关键字不匹配任何节点，没有显示空，而是显示了所有节点。

查询了资料得知:

这是jsTree的有意行为。

之前jsTree是隐藏所有节点的。但是当时对于这个报了很多错误。因此现在jsTree不会自动隐藏所有节点，因为它对于大多数应用来说是非常混乱和不合适的。

但是如果你想隐藏全部节点也是有办法的。办法如下：

1.只要监听下search.jstree事件：

2.然后别忘记在进行新的搜索的时候把它们显示出来：

jstree如何清除重新渲染

jstree不用通过重新调用一次$(dom).jstree({})来重新加载，直接清除dom里的内容也是无效的，因为jstree的class等数据还绑定在dom上。

必须在$(dom).jstree({})之前加上$.jstree.destroy ();

销毁原来的所有节点后，新建即可

html jstree怎么绑定onchange事件

把对象删除掉再重构一下.用Jquery方法$('#你的树对象容器').remove(); 或者偏例你的树节点,将各节点都设置成未选中状态.

htmljstree的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于、htmljstree的信息别忘了在本站进行查找喔。