zTree数据读取配置

最新推荐文章于 2021-12-04 14:34:09 发布

鹿指为码

最新推荐文章于 2021-12-04 14:34:09 发布

阅读量348

点赞数

分类专栏：前端文章标签： ztree加载数据

本文链接：https://blog.csdn.net/qq_43227967/article/details/83064525

版权

前端专栏收录该内容

12 篇文章 0 订阅

订阅专栏

$(function() {
	var curMenu = null, zTree_Menu = null;
	// 树形权限列表
	var setting = {
		data : {
			simpleData : {
				enable : true,
			}
		},
		async : {
			enable : true,
			contentType : "application/json",
			dataType : "text",
			url : $("#pro_Url").val()
					+ "/menuAction.action?methodName=menuList",
			dataFilter : ajaxDataFilter,
		},
		view : {
			selectedMulti : false, // 设置是否能够同时选中多个节点
			showIcon : true, // 设置是否显示节点图标
			showLine : true, // 设置是否显示节点与节点之间的连线
			showTitle : true, // 设置是否显示节点的title提示信息
			dblClickExpand : false,
		},
	};

	// 打印数据库加载的数据
	function ajaxDataFilter(treeId, parentNode, responseData) {
		if (responseData) {
			console.log(responseData);
		}
		return responseData;
	}
	;

	// 加载树形菜单
	$(document).ready(function() { 
		$.fn.zTree.init($("#treeDemo"), setting);
	});
	
});

以上为JS部分

当然如果是现有JSON数据，就无需通过调用接口获取。