0

0

什么是ztree二次加载数据

一个新手

一个新手

发布时间:2017-09-08 09:12:50

|

2470人浏览过

|

来源于php中文网

原创

关于ztree二次加载数据。

js代码:

var groupSetting = {  
              /* check : {  
                  enable : true//复选框
              },  */ 
              view: {
                  showIcon: false,//是否显示节点的图标
                  showLine: true,//显示节点之间的连线。
                  expandSpeed: "slow",//节点展开、折叠时的动画速度
                  selectedMulti: true//不允许同时选中多个节点。
              },
              callback: {
                onClick: groupzTreeOnClick,//点击节点加载子节点
                },
              data : {  
                  simpleData : {  
                      enable : true,  //使用简单数据模式
                      idKey : "id",  //节点数据中保存唯一标识的属性名称
                      pIdKey : "pid", //节点数据中保存其父节点唯一标识的属性名称 
                      rootPId : 0   //用于修正根节点父节点数据   默认值:null
                  },
                  key: {
                      name:"shopName",
                    }
              }  
          };          var groupTreeNodes;          function loadOrgTree(){
              $.ajax({  
                  url : "getOrgTree.action",  
                  type : 'POST',//请求方式:post  
                  data: {shopId:1},
                  dataType : 'json',//数据传输格式:json  
                  async : false,//是否异步  
                  cache : false,//是否使用缓存 
                  error : function() {  
                      //请求失败处理函数  
                    $.messager.alert("警告",'请求失败!');  
                  },  
                  success : function(data) { 
                      if(data!=null && data!=""){
                          groupTreeNodes = data;//把后台封装好的简单Json格式赋给treeNodes  
                      }
                  }  
              });  
              var group = $("#groupTree");  
               $.fn.zTree.init(group, groupSetting, groupTreeNodes);
          }          function groupzTreeOnClick(event, treeId, treeNode) {

                var shopId=treeNode.id;                //判断该节点下是否有节点,没有就加载节点
                var treeObj = $.fn.zTree.getZTreeObj(treeId);                var node = treeObj.getNodeByTId(treeNode.tId);                if(node.children == null || node.children == "undefined"){  
                    $.ajax({  
                          url : "getOrglod.action",  
                          type : 'get',//请求方式:get  
                          data: {shopId:shopId},
                          dataType : 'json',//数据传输格式:json  
                          error : function() {  
                              //请求失败处理函数  
                            $.messager.alert("警告",'亲,请求失败!');  
                          },  
                          success : function(data) { 
                              if(data!=null && data!=""){                                    //添加新节点  
                                newNode = treeObj.addNodes(node, data);  
                              }
                          }   
                      });
                };  
        };

jsp代码:

魔法映像企业网站管理系统
魔法映像企业网站管理系统

技术上面应用了三层结构,AJAX框架,URL重写等基础的开发。并用了动软的代码生成器及数据访问类,加进了一些自己用到的小功能,算是整理了一些自己的操作类。系统设计上面说不出用什么模式,大体设计是后台分两级分类,设置好一级之后,再设置二级并选择栏目类型,如内容,列表,上传文件,新窗口等。这样就可以生成无限多个二级分类,也就是网站栏目。对于扩展性来说,如果有新的需求可以直接加一个栏目类型并新加功能操作

下载

    引用ztree插件:

    
    
            

    热门AI工具

    更多
    DeepSeek
    DeepSeek

    幻方量化公司旗下的开源大模型平台

    豆包大模型
    豆包大模型

    字节跳动自主研发的一系列大型语言模型

    通义千问
    通义千问

    阿里巴巴推出的全能AI助手

    腾讯元宝
    腾讯元宝

    腾讯混元平台推出的AI助手

    文心一言
    文心一言

    文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

    讯飞写作
    讯飞写作

    基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

    即梦AI
    即梦AI

    一站式AI创作平台,免费AI图片和视频生成。

    ChatGPT
    ChatGPT

    最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

    相关专题

    更多
    C++ 设计模式与软件架构
    C++ 设计模式与软件架构

    本专题深入讲解 C++ 中的常见设计模式与架构优化,包括单例模式、工厂模式、观察者模式、策略模式、命令模式等,结合实际案例展示如何在 C++ 项目中应用这些模式提升代码可维护性与扩展性。通过案例分析,帮助开发者掌握 如何运用设计模式构建高质量的软件架构,提升系统的灵活性与可扩展性。

    14

    2026.01.30

    c++ 字符串格式化
    c++ 字符串格式化

    本专题整合了c++字符串格式化用法、输出技巧、实践等等内容,阅读专题下面的文章了解更多详细内容。

    9

    2026.01.30

    java 字符串格式化
    java 字符串格式化

    本专题整合了java如何进行字符串格式化相关教程、使用解析、方法详解等等内容。阅读专题下面的文章了解更多详细教程。

    12

    2026.01.30

    python 字符串格式化
    python 字符串格式化

    本专题整合了python字符串格式化教程、实践、方法、进阶等等相关内容,阅读专题下面的文章了解更多详细操作。

    4

    2026.01.30

    java入门学习合集
    java入门学习合集

    本专题整合了java入门学习指南、初学者项目实战、入门到精通等等内容,阅读专题下面的文章了解更多详细学习方法。

    20

    2026.01.29

    java配置环境变量教程合集
    java配置环境变量教程合集

    本专题整合了java配置环境变量设置、步骤、安装jdk、避免冲突等等相关内容,阅读专题下面的文章了解更多详细操作。

    18

    2026.01.29

    java成品学习网站推荐大全
    java成品学习网站推荐大全

    本专题整合了java成品网站、在线成品网站源码、源码入口等等相关内容,阅读专题下面的文章了解更多详细推荐内容。

    19

    2026.01.29

    Java字符串处理使用教程合集
    Java字符串处理使用教程合集

    本专题整合了Java字符串截取、处理、使用、实战等等教程内容,阅读专题下面的文章了解详细操作教程。

    3

    2026.01.29

    Java空对象相关教程合集
    Java空对象相关教程合集

    本专题整合了Java空对象相关教程,阅读专题下面的文章了解更多详细内容。

    6

    2026.01.29

    热门下载

    更多
    网站特效
    /
    网站源码
    /
    网站素材
    /
    前端模板

    精品课程

    更多
    相关推荐
    /
    热门推荐
    /
    最新课程
    CSS3 教程
    CSS3 教程

    共18课时 | 5万人学习

    PostgreSQL 教程
    PostgreSQL 教程

    共48课时 | 8.1万人学习

    Git 教程
    Git 教程

    共21课时 | 3.2万人学习

    关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
    php中文网:公益在线php培训,帮助PHP学习者快速成长!
    关注服务号 技术交流群
    PHP中文网订阅号
    每天精选资源文章推送

    Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号