全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

jQuery插件zTree实现的基本树与节点获取操作示例

本文实例讲述了jQuery插件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="zTree_v3/css/demo.css" rel="external nofollow" >
  <link rel="stylesheet" type="text/css" href="zTree_v3/css/zTreeStyle/zTreeStyle.css" rel="external nofollow" >
  <script type="text/javascript" src="zTree_v3/js/jquery-1.4.4.min.js"></script>
  <script type="text/javascript" src="zTree_v3/js/jquery.ztree.core.min.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 findSelect()
    {
       var treeObj = $.fn.zTree.getZTreeObj("baseTree");
       var nodes = treeObj.getSelectedNodes();
       for(var i=0;i<nodes.length;i++)
       {
         var nodeId = nodes[i].id;
         var nodeName = nodes[i].name;
         alert("树节点编码:"+nodeId+"\n"+"树节点名称:"+nodeName);
       }
    }
    //-->
  </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="findSelect()" value="获取选中节点"/>
  </div>
</div>
</body>
</html>

2、设计效果图:

(1)初始化

(2)单击按钮

3、设计说明

获取 zTree 当前被选中的节点数据集合

var treeObj = $.fn.zTree.getZTreeObj("baseTree");
var nodes = treeObj.getSelectedNodes();

附:zTree_v3插件点击此处本站下载

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery常用插件及用法总结》、《jquery中Ajax用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。


# jQuery  # 插件  # zTree  # 基本树  # 节点获取  # ztree获取当前选中节点子节点id集合的方法  # js树插件zTree获取所有选中节点数据的方法  # 后台获取ZTREE选中节点的方法  # zTree实现节点修改的实时刷新功能  # 在父页面得到zTree已选中的节点的方法  # ztree获取选中节点时不能进入可视区域出现BUG如何解决  # jQuery插件zTree实现删除树节点的方法示例  # zTree异步加载展开第一级节点的实现方法  # jQuery插件zTree实现清空选中第一个节点所有子节点的方法  # zTree节点文字过多的处理方法  # 韶山市  # 湘乡市  # 黄冈市  # 黄石市  # 湘潭市  # 株洲市  # 汉口  # 黄石  # 武昌  # 长沙市  # 武汉市  # 湖北省  # 相关内容  # 湖南省  # 感兴趣  # 给大家  # 点击此处  # 更多关于  # 所述  # 程序设计 


相关文章: 如何制作一个表白网站视频,关于勇敢表白的小标题?  美食网站链接制作教程视频,哪个教做美食的网站比较专业点?  电脑免费海报制作网站推荐,招聘海报哪个网站多?  MySQL查询结果复制到新表的方法(更新、插入)  网站建设制作、微信公众号,公明人民医院怎么在网上预约?  香港网站服务器数量如何影响SEO优化效果?  平台云上自助建站如何快速打造专业网站?  网站制作公司排行榜,抖音怎样做个人官方网站  建站中国官网:模板定制+SEO优化+建站流程一站式指南  沈阳个人网站制作公司,哪个网站能考到沈阳事业编招聘的信息?  微网站制作教程,我微信里的网站怎么才能复制到浏览器里?  ,柠檬视频怎样兑换vip?  免费的流程图制作网站有哪些,2025年教师初级职称申报网上流程?  品牌网站制作公司有哪些,买正品品牌一般去哪个网站买?  安徽网站建设与外贸建站服务专业定制方案  哈尔滨网站建设策划,哈尔滨电工证查询网站?  做企业网站制作流程,企业网站制作基本流程有哪些?  宿州网站制作公司兴策,安徽省低保查询网站?  导航网站建站方案与优化指南:一站式高效搭建技巧解析  网站制作模板下载什么软件,ppt模板免费下载网站?  电视网站制作tvbox接口,云海电视怎样自定义添加电视源?  网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊,能赚钱吗?  杭州银行网站设计制作流程,杭州银行怎么开通认证方式?  山东云建站价格为何差异显著?  宝盒自助建站智能生成技巧:SEO优化与关键词设置指南  如何在Windows环境下新建FTP站点并设置权限?  如何通过云梦建站系统实现SEO快速优化?  如何用西部建站助手快速创建专业网站?  php条件判断怎么写_ifelse和switchcase的使用区别【对比】  如何用虚拟主机快速搭建网站?详细步骤解析  如何在Golang中实现微服务服务拆分_Golang微服务拆分与接口管理方法  企业微网站怎么做,公司网站和公众号有什么区别?  如何确保FTP站点访问权限与数据传输安全?  图片制作网站免费软件,有没有免费的网站或软件可以将图片批量转为A4大小的pdf?  全景视频制作网站有哪些,全景图怎么做成网页?  平台云上自主建站:模板化设计与智能工具打造高效网站  大学网站设计制作软件有哪些,如何将网站制作成自己app?  新网站制作渠道有哪些,跪求一个无线渠道比较强的小说网站,我要发表小说?  如何快速搭建高效服务器建站系统?  如何在建站之星网店版论坛获取技术支持?  Python路径拼接规范_跨平台处理说明【指导】  建站之星如何助力企业快速打造五合一网站?  子杰智能建站系统|零代码开发与AI生成SEO优化指南  公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站?  如何在Windows虚拟主机上快速搭建网站?  建站中国必看指南:CMS建站系统+手机网站搭建核心技巧解析  建站之星如何助力网站排名飙升?揭秘高效技巧  北京专业网站制作设计师招聘,北京白云观官方网站?  小米网站链接制作教程,请问miui新增网页链接调用服务有什么用啊?  已有域名能否直接搭建网站? 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。