基于cookie实现zTree树刷新后展开状态不变

基于cookie实现zTree树刷新后，展开状态不变。

1、除了引用jQuery和zTree的JS外，引用cookie的JS：

2、JS代码：

$(function () {
  //ztree设置
  var setting = {
    data: {
      simpledata: {
 enable: true,
 idKey: "id",
 pIdKey: "pId",
 rootPId: null
      }
    },
    callback: {
      onExpand: onExpand,
      onCollapse: onCollapse
    }
  };

  $.ajax({
    type: "POST",
    url: "/Tech/TemplateTypeManage/GetData",
    success: function (data) {
      if (data && data.length != 0) {
 $.fn.zTree.init($("#tree"), setting, data);
 var treeObj = $.fn.zTree.getZTreeObj("tree");
 var cookie = $.cookie("z_tree" + window.location);
 if (cookie) {
   z_tree = JSON2.parse(cookie);
   for (var i = 0; i < z_tree.length; i++) {
     var node = treeObj.getNodeByParam('id', z_tree[i])
     treeObj.expandNode(node, true, false)
   }
 }
      }
    }
  });
});//end $

function onExpand(event, treeId, treeNode) {
  var cookie = $.cookie("z_tree" + window.location);
  var z_tree = new Array();
  if (cookie) {
    z_tree = JSON2.parse(cookie);
  }
  if ($.inArray(treeNode.id, z_tree) < 0) {
    z_tree.push(treeNode.id);
  }
  $.cookie("z_tree" + window.location, JSON2.stringify(z_tree))
}

function onCollapse(event, treeId, treeNode) {
  var cookie = $.cookie("z_tree" + window.location);
  var z_tree = new Array();
  if (cookie) {
    z_tree = JSON2.parse(cookie);
  }
  var index = $.inArray(treeNode.id, z_tree);
  z_tree.splice(index, 1);
  for (var i = 0; i < treeNode.children.length; i++) {
    index = $.inArray(treeNode.children[i].id, z_tree);
    if (index > -1) z_tree.splice(index, 1);
  }
  $.cookie("z_tree" + window.location, JSON2.stringify(z_tree))
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。