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

前端之家收集整理的这篇文章主要介绍了基于cookie实现zTree树刷新后展开状态不变前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

1、除了引用jQuery和zTree的JS外,引用cookie的JS:

2、JS代码

$.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,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))
}

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

猜你在找的JavaScript相关文章