zTree选中指定ID的节点

本文将给大家演示如何选中zTree指定ID的节点。

直接看代码。

1.已存在初始化的zTree：

<ul id="treeDemo" class="ztree"></ul>

2.JS选中zTree指定ID的节点：

varzTreeMenu = $.fn.zTree.getZTreeObj("treeDemo");//根据treeID（zTree的DOM容器的id）获取
                                                //zTree对象的方法,必须初始化zTree才可以使用此方法
varid=1;//设置指定的ID
varnode=zTreeMenu.getNodeByParam('id',id);//根据节点数据的id属性搜索，获取条件完全匹配的节点数据
                                          //JSON对象
        //请通过zTree对象执行此方法
        //此方法的参数：
        //1.key(String):需要精确匹配的属性名称
        //2.value:需要精确匹配的属性值，可以是任何类型，只要保证与 key 指定的属性值保持一致即可
        //3.parentNode(JSON):搜索范围，指定在某个父节点下的子节点中进行搜索,忽略此参数，表示在全部节点中搜索

        //返回值:JSON
        //1、如无结果，返回 null
        //2、如有多个节点满足查询条件，只返回第一个匹配到的节点

if(node){//判断有查询到节点
//方法一：
$("#"+node.tId+"_span").click();//点击查询到的节点

//方法二：
zTreeMenu.selectNode(node,true);//选中指定节点
//此方法参数：
//1.treeNode(JSON):需要被选中的节点数据,请务必保证此节点数据对象是zTree内部的数据对象
/*2.addFlag(Boolean):true 表示追加选中，会出现多点同时被选中的情况,
                    false（默认）表示单独选中，原先被选中的节点会被取消选中状态
    setting.view.selectedMulti = false 时，此参数无效，始终进行单独选中*/
/*3.isSilent(Boolean):true 选中节点时，不会让节点自动滚到到可视区域内,
                      false（默认）表示选中节点时，会让节点自动滚到到可视区域内*/
}