ztree的反选

ztree的反选

工作也有一年半了，还记得刚开始做事情的时候是写前端，然而自己刚入职的时候连html和javaScript是什么都不知道的菜鸟（如今依然是菜鸟）。那是后续让我做ztree相关的东西，最复杂的是更新的时候要反选树的节点。那时候想了好多办法，也不太记得清怎么解决的了。可能是缘分？？最近有遇到了ztree的东西，就研究了下ztree的反选。

其实现在ztree中提供了方法很容易就反选节点。最主要用到的是zTreeObj的 transformToArray和 updateNode这两个方法，第一个用于将树节点变为一个数组，不需要你自己循环来做，第二个是更新节点，我们将被选中的节点的checked状态设置为tree，然后更新节点状态，那么该节点就会被显示为选中状态。
下面是代码。

        var zTree_Menu = $.fn.zTree.init($("#menuTree"), a, datas); //ztree对象
        var checked = [ 1, 7 ];//需要选中的节点
        var allNodes = zTree_Menu.getNodes();//获取所有节点
        var nodes = zTree_Menu.transformToArray(allNodes); //转变为数组
        $.each(nodes, function( index,node) {
            $.each(checked, function(i, data) {
                if (node.id == data) {
                    node.checked = true;  //设为选中
                    zTree_Menu.updateNode(node);//更新状态
                }
            });
        });
        zTree_Menu.expandAll(true);//展开整棵树

这样需要选中的节点就被选中了，但是该方法只适合于一次展示所有的节点的树，而不是用于异步加载的树。