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

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

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

<script type="text/javascript" src="~/Scripts/jquery-treeview/lib/jquery.cookie.js"></script>

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))
}

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

# cookie  # zTree  # 刷新  # jQuery树控件zTree使用方法详解（一）  # jquery zTree异步加载、模糊搜索简单实例分享  # jQuery使用zTree插件实现树形菜单和异步加载  # jQuery zTree加载树形菜单功能  # Jquery zTree 树控件异步加载操作  # jquery zTree异步加载简单实例讲解  # JQuery ztree带筛选、异步加载实例讲解  # jquery ztree实现模糊搜索功能  # jquery zTree异步加载简单实例分享  # Jquery树插件zTree用法入门教程  # 大家多多 

相关文章： 韩国网站服务器搭建指南：VPS选购、域名解析与DNS配置推荐  小自动建站系统：AI智能生成+拖拽模板，多端适配一键搭建  建站一年半SEO优化实战指南：核心词挖掘与长尾流量提升策略  正规网站制作公司有哪些,目前国内哪家网页网站制作设计公司比较专业靠谱？口碑好？  建站之星导航菜单设置与功能模块配置全攻略  建站主机选购指南与交易推荐：核心配置解析  建站主机默认首页配置指南：核心功能与访问路径优化  内部网站制作流程,如何建立公司内部网站？  如何基于云服务器快速搭建网站及云盘系统？  建站主机是否等同于虚拟主机？  建站之星安装后如何自定义网站颜色与字体？  logo在线制作免费网站在线制作好吗,DW网页制作时，如何在网页标题前加上logo？  平台云上自主建站：模板化设计与智能工具打造高效网站  全景视频制作网站有哪些,全景图怎么做成网页？  如何基于PHP生成高效IDC网络公司建站源码？  如何生成腾讯云建站专用兑换码？  如何配置FTP站点权限与安全设置？  C++时间戳转换成日期时间的步骤和示例代码  如何安全更换建站之星模板并保留数据？  建站之星2.7模板：企业网站建设与h5定制设计专题  如何访问已购建站主机并解决登录问题？  如何零成本快速生成个人自助网站？  较简单的网站制作软件有哪些,手机版网页制作用什么软件？  营销式网站制作方案,销售哪个网站招聘效果最好？  C#怎么使用委托和事件 C# delegate与event编程方法  网站网页制作专业公司,怎样制作自己的网页？  江苏网站制作公司有哪些,江苏书法考级官方网站？  建站之星免费版是否永久可用？  详解jQuery停止动画——stop()方法的使用  临沂网站制作企业,临沂第三中学官方网站？  如何快速上传自定义模板至建站之星？  建站主机功能解析：服务器选择与快速搭建指南  大连网站设计制作招聘信息,大连投诉网站有哪些？  如何规划企业建站流程的关键步骤？  如何做静态网页,sublimetext3.0制作静态网页？  岳西云建站教程与模板下载_一站式快速建站系统操作指南  ppt在线制作免费网站推荐,有什么下载免费的ppt模板网站？  ,巨量百应是干嘛的？  制作网站公司那家好,网络公司是做什么的？  零服务器AI建站解决方案：快速部署与云端平台低成本实践  小型网站制作HTML,*游戏网站怎么搭建？  济南网站制作的价格,历城一职专官方网站？  制作门户网站的参考文献在哪,小说网站怎么建立？  厦门模型网站设计制作公司,厦门航空飞机模型掉色怎么办？  车管所网站制作流程,交警当场开简易程序处罚决定书，在交警网站查询不到怎么办？  制作网站的软件免费下载,免费制作app哪个平台好？  关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)  沈阳个人网站制作公司,哪个网站能考到沈阳事业编招聘的信息？  开封网站制作公司,网络用语开封是什么意思？  网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏？