ztree异步加载数据

快来打我* 2022-07-15 14:18 362阅读 0赞

ztree官网：http://www.treejs.cn/v3/demo.php#_101

1.新建一个java类与ztreeNode属性对应，如：

  1. public class Setting
  2. {
  3.     private String id;
  4.     private String name;
  5.     private String icon;
  6.     private String pId;
  7.     private int isParent = 1;
  8.     private int nocheck = 1;
  10.         get/set。。。。
  11. }

2.js

  1. var setting = {
  2.     view : {
  3.         dblClickExpand : false,
  4.         selectedMulti : false
  5.     },
  6.     data : {
  7.         simpleData : {
  8.             enable : true
  9.         }
  10.     },
  11.     async : {
  12.         enable : true,
  13.         url : basepath + "/setting/getTreeData",
  14.         autoParam : [ "id" ],
  15.         otherParam : null,
  16.         dataFilter : null
  17.     },
  18.     callback : {
  19.         onClick : onClick,//自己定义函数
  20.         onAsyncSuccess : onAsyncSuccess
  21.     }
  22. };
  24. function onAsyncSuccess(event, treeId, treeNode, msg) {
  25.     var zTree = $.fn.zTree.getZTreeObj(treeId);
  26.     zTree.updateNode(treeNode); // 异步加载成功后刷新树节点
  27. }

3.jsp

    ok，就是这么简单得意，注意第一次的autoParam的id肯定为null，后台判断，加载树的最高层那个id即可

    发表评论

    表情：
    评论列表 （有 0 条评论，362人围观）

    还没有评论，来说两句吧...

    相关阅读

      相关 ECharts异步加载数据

      前言 现在做报表的工具和产品很多。之前用过美林数据的 ‘Tempo BI’，一款需要付费的产品，功能还是很强大的。最近，朋友需要做一个简单的报表Demo，想让我帮忙实现。

      痛定思痛。痛定思痛。/ 0 赞/ 238 阅读

      相关 ztree 异步加载

           最近要用ztree插件生成一个部门人员的树形结构，之前全部用的简单数据格式全部请求到前台的方式加载树，现在由于数据量过大，加载时间过长，要改为异步加载。 一、准备工

      你的名字你的名字/ 0 赞/ 434 阅读