zTree实现删除树节点
来源:互联网 发布:cf淘宝 编辑:程序博客网 时间:2024/06/07 01:09
zTree实现删除树节点
1、实现源码
<!DOCTYPE html><html><head><title>zTree实现基本树</title><meta http-equiv="content-type" content="text/html; charset=UTF-8"><link rel="stylesheet" type="text/css" href="../../../css/demo.css"><link rel="stylesheet" type="text/css" href="../../../css/zTreeStyle/zTreeStyle.css"><script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script><script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script><script type="text/javascript"><!--var setting = {data: {simpleData: {enable: true}}};var zNodes =[{ id:1, pId:0, name:"湖北省", open:true},{ id:11, pId:1, name:"武汉市", open:true},{ id:111, pId:11, name:"汉口"},{ id:112, pId:11, name:"汉阳"},{ id:113, pId:11, name:"武昌"},{ id:12, pId:1, name:"黄石市"},{ id:121, pId:12, name:"黄石港区"},{ id:122, pId:12, name:"西塞山区"},{ id:123, pId:12, name:"下陆区"},{ id:124, pId:12, name:"铁山区"},{ id:13, pId:1, name:"黄冈市"},{ id:2, pId:0, name:"湖南省", open:true},{ id:21, pId:2, name:"长沙市", open:true},{ id:211, pId:21, name:"芙蓉区"},{ id:212, pId:21, name:"天心区"},{ id:213, pId:21, name:"岳麓区"},{ id:214, pId:21, name:"开福区"},{ id:22, pId:2, name:"株洲市"},{ id:221, pId:22, name:"天元区"},{ id:222, pId:22, name:"荷塘区"},{ id:223, pId:22, name:"芦淞区"},{ id:224, pId:22, name:"石峰区"},{ id:23, pId:2, name:"湘潭市"},{ id:231, pId:23, name:"雨湖区"},{ id:232, pId:23, name:"岳塘区"},{ id:233, pId:23, name:"湘乡市"},{ id:234, pId:23, name:"韶山市"}];$(document).ready(function(){$.fn.zTree.init($("#baseTree"), setting, zNodes);});/** * 删除选中节点 */function removeNodes(){ var treeObj = $.fn.zTree.getZTreeObj("baseTree"); //选中节点var nodes = treeObj.getSelectedNodes();for (var i=0, l=nodes.length; i < l; i++) { //删除选中的节点treeObj.removeNode(nodes[i]);}}//--></script> </head><body><div class="content_wrap"><div class="zTreeDemoBackground left" style="text-align: center;"><ul id="baseTree" class="ztree" style="height: 300px; width:200px; overflow-y: auto"></ul><input type="button" id="btn" onclick="removeNodes()" value="删除节点"/></div></div></body></html>
2、实现结果
(1)初始化
(2)点击“汉口”,再单击“删除节点”
3、说明
treeObj.removeNode(nodes[i]);
删除选中的节点 1 0
- zTree实现删除树节点
- zTree实现删除树子节点
- zTree异步增加删除树节点
- 【JAVASCRIPT】使用ztree树,实现右键增加,修改,删除节点。带有复选框。
- 实现zTree节点显示与操作(添加,删除)同步
- Ztree树形菜单实现动态初始化、添加、删除、修改节点
- zTree实现删除某个父节点后删除其下所有节点
- Ztree 树节点移动
- Ztree树节点应用
- 删除ztree树
- Ztree异步加载树节点
- zTree默认展开树节点
- zTree实现获取一级节点数据
- zTree实现节点修改的实时刷新
- zTree实现节点修改的实时刷新
- jQuery zTree v3.5 实例4 对树的节点进行编辑和删除
- zTree实现单独选中根节点中第一个节点
- 递归删除资源树 Ztree
- java猜拳游戏
- Linux chmod命令修改文件与文件夹权限方法
- 第二十五讲 Web Service开发
- netstat命令详细说明
- VS2010中wmain入口函数中使用wprintf输出中文乱码问题
- zTree实现删除树节点
- 第12周总结
- 用javascript修改html元素的class
- mysql格式化日期和时间
- 2 Xcode5(4)
- 第二十六讲 ASP.NET身份验证(一)
- 资源文件夹res的简介
- js 页面刷新location.reload和location.replace的区别小结
- 第二十七讲 ASP.NET身份验证(二)