ztree的给树赋值及重置树的实现

选择ztree替代jstree是因为ztree的官网的api文档详细,容易理解。

下面说下在开发中ztree的2个功能的实现

1、给树赋值如下图

ztree的给树赋值及重置树的实现_第1张图片

代码如下:

//修改-人员管理
function achievementmag_peopedit_click(id){
  achievementmag_peop_add=false;
  achievementmag_peop_validform.resetForm();
//以下代码实现树赋值
 var treeObj = $.fn.zTree.getZTreeObj("achievementmag_peop_structure");//根据 treeId 获取 zTree 对象
  var node=treeObj.getNodeByParam("id",id, null);//根据节点数据的属性(id)获取条件完全匹配的节点数据 JSON 对象集合
  treeObj.selectNode(node,false);//根据节点数据选中指定节点,false表示单独选中,之前选中的节点会被取消选中状态,为true 表示追加选中
//以上代码实现树赋值
 achievementmag_peop_validform.check(false,"#achievementmag_peop_structure");
  $("#achievementmag_peop_form").dialog({
    title:"修改人员",
    width:400
  })
}

2、重置树,如下图

ztree的给树赋值及重置树的实现_第2张图片

ztree没有重置代码的函数,故用其他函数来替代,代码如下:


 
  

 
  
//添加-人员管理
function achievementmag_peopadd_click(){
  achievementmag_peop_add=true;
  achievementmag_peop_validform.resetForm();
//以下代码实现重置树
var treeObj = $.fn.zTree.getZTreeObj("achievementmag_peop_structure");//根据 treeId 获取 zTree 对象 
treeObj.expandAll(false);//折叠全部节点,参数为true时表示展开全部节点
 treeObj.refresh();//刷新zTree,实现不选中任何节点
//以上代码实现重置树

 $("#achievementmag_peop_form").dialog({ title:"添加人员", width:400 })
}




你可能感兴趣的:(ztree,jquery,jquery插件)