ztree异步加载数据

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

ztree官网：[http://www.treejs.cn/v3/demo.php\#\_101][http_www.treejs.cn_v3_demo.php_101]

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

public class Setting
    {
    	private String id;
    	private String name;
    	private String icon;
    	private String pId;
    	private int isParent = 1;
    	private int nocheck = 1;
    
            get/set。。。。
    }

2.js

var setting = {
    	view : {
    		dblClickExpand : false,
    		selectedMulti : false
    	},
    	data : {
    		simpleData : {
    			enable : true
    		}
    	},
    	async : {
    		enable : true,
    		url : basepath + "/setting/getTreeData",
    		autoParam : [ "id" ],
    		otherParam : null,
    		dataFilter : null
    	},
    	callback : {
    		onClick : onClick,//自己定义函数
    		onAsyncSuccess : onAsyncSuccess
    	}
    };
    
    function onAsyncSuccess(event, treeId, treeNode, msg) {
    	var zTree = $.fn.zTree.getZTreeObj(treeId);
    	zTree.updateNode(treeNode); // 异步加载成功后刷新树节点
    }

3.jsp

<ul id="treeDemo" class="ztree"></ul>

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

[http_www.treejs.cn_v3_demo.php_101]: http://www.treejs.cn/v3/demo.php#_101
[proud.gif]: /images/20220715/81d28beec80c439984fed5e933464aca.png

发表评论取消回复

表情：

评论列表（有 0 条评论，237人围观）

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

相关阅读

相关 zTree 树插件异步加载地区数据

之前使用zTree树插件实现全国五级地区点击后加载。今天记录使用zTree 树插件异步加载地区数据。还是上次的需求：[http://blog.csdn.net/li\_ya\_

待我称王封你为后i/ 2024年02月18日 18:07/ 0 赞/ 62 阅读

相关 ECharts异步加载数据

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

痛定思痛。/ 2023年06月16日 14:58/ 0 赞/ 115 阅读

相关 bootstrap jQuery Ztree异步加载数据，check选择&可添加、修改、删除节点

效果图： ![Center][] 一、下载zTree插件地址：[http://www.ztree.me][http_www.ztree.me]

向右看齐/ 2022年08月13日 13:44/ 0 赞/ 268 阅读

相关 ztree异步加载数据

ztree官网：[http://www.treejs.cn/v3/demo.php\\_101][http_www.treejs.cn_v3_demo.php_101] 1.

快来打我*/ 2022年07月15日 14:18/ 0 赞/ 238 阅读

相关 zTree异步加载数据，默认展开全部节点

异步加载Tree 想要默认展开全部节点，使用普通的方法是不行的。例如: $(document).ready(function(){

浅浅的花香味﹌/ 2022年06月16日 08:36/ 0 赞/ 1733 阅读

相关 zTree异步加载展开第一级节点

在 setting 中的 callback 中加上 onAsyncSuccess:onAsyncSuccess 回调函数 , 然后实现回调函数 var

墨蓝/ 2022年06月01日 06:13/ 0 赞/ 252 阅读

相关 Ztree异步加载带树节点（带checkbox）

一.简介：实现复选框树型结构，ztree很强大，常用浏览器chrome，firfox支持，IE8+也兼容。二.静态实现方式：（1）效果图： ![Image 1][]

刺骨的言语ヽ痛彻心扉/ 2022年05月29日 07:45/ 0 赞/ 253 阅读

相关 ztree 异步加载

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

你的名字/ 2022年04月13日 06:56/ 0 赞/ 315 阅读

相关 Jquery树控件ZTree异步加载

这里面主要设计ztree的setting变量的async属性设置： var setting = { async: {

我就是我/ 2021年09月17日 12:36/ 0 赞/ 432 阅读

相关 Jquery树控件ZTree异步加载

里面主要设计ztree的setting变量的async属性设置： var setting = { async: { ...

红太狼/ 2021年01月09日 03:13/ 0 赞/ 764 阅读