700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > zTree实现清空选中第一个节点和所有子节点办法详解

zTree实现清空选中第一个节点和所有子节点办法详解

时间:2024-03-17 17:11:46

相关推荐

zTree实现清空选中第一个节点和所有子节点办法详解

web前端|js教程

zTree,第一个,选中

web前端-js教程

本文主要介绍了jQuery插件zTree实现清空选中第一个节点所有子节点的方法,涉及jQuery树形插件zTree针对节点的遍历与移除相关操作技巧,需要的朋友可以参考下,希望能帮助到大家。

windows 界面 源码,u盘打开ubuntu,tomcat体系结构有哪些,r语言 爬虫教程,php程序设计春,网站不做seolzw

1、实现代码:

怎么制作手机源码,vscode的项目彻底删除,ubuntu安装netflix,tomcat查询出现乱码,nutch爬虫介绍,iis7 cgi php,鹤山seo排名优化软件,网站没源程序,html5 网站模板lzw

zTree实现基本树<!-- 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:131, pId:13, name:"黄州区"},{ id:132, pId:13, name:"麻城市"},{ id:133, pId:13, name:"武穴市"},{ id:134, pId:13, name:"团风县"},{ id:135, pId:13, name:"浠水县"},{ id:136, pId:13, name:"罗田县"},{ id:137, pId:13, 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:"石峰区"} ]; $(document).ready(function(){$.fn.zTree.init($("#baseTree"), setting, zNodes); }); /*** 清空选中的第一个节点的子节点*/ function removeChildNodesTree() {var treeObj = $.fn.zTree.getZTreeObj("baseTree");//获取全部节点数据var nodes = treeObj.getNodes();for (var i=0, l=nodes.length; i

163网站源码,vscode 无法同步,安装麒麟和ubuntu双系统,tomcat的dubbo,sqlite3.1汉化,jquery新闻滚动插件,htm5前端框架,爬虫请求html页面404,php文件预览,seo00154,飞腾asp网站,微信网页客服代码大全,wordpress美丽说模板,java简单的socket程序lzw

2、实现效果图:

(1)初始化

(2)单击按钮

3、源码说明:

//清空选中的第一个节点的子节点treeObj.removeChildNodes(nodes[i]);

jQuery插件zTree实现获取一级节点数据实例分享

关于jQuery插件zTree实现删除树节点方法详解

jQuery插件zTree实现的多选树效果实例讲解

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。