基于cookie实现zTree树刷新后,展开状态不变
2015-12-09 13:47
246 查看
1、除了引用jQuery和zTree的JS外,引用cookie的JS:
2、JS代码:
View Code
<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)) }
View Code
相关文章推荐
- 丢沙包游戏(或杀人游戏)的C语言实现
- ReactiveCocoa RACObserve subscribeNext 时,只有值不一样时才响应
- Spring4.2.3 +Struts2.3.24 +Hibernate4.3.11配置过程
- font-size --- inline-block
- 开始博客之旅,记录工作点滴!
- DMA Engine API Guide
- 脏读、不可重复读、幻读区别
- anymote server 配对时序图
- Spring mvc 返回json 字符串的其他方式
- Web安全:浅谈CSRF攻击方式
- springmvc和js前端的数据传递和接收方式
- 构建高并发高可用的电商平台架构实践
- JavaScript学习之cookies
- zTree
- @Verride使用说明
- 哪些JavaScript IDE最好用?
- selenium-server实现在不同PC上执行多线程并发测试
- iOS Tips
- spring mvc 的jpa JpaRepository数据层 访问方式汇总
- 刊物论文级别