easyui扁平Json生成树形菜单

╰半橙微兮° 2022-03-18 02:10 287阅读 0赞

/**
     *  {@link} http://easyui.btboys.com/post-77.html
     *  ztree的简单数据结构（扁平pid结构数据集，也就是id，text,pid形式
     *  <ul class="easyui-tree" data-options="url:'${pageContext.request.contextPath}/menuAction!allTreeNode.action',parentField:'pid' "></ul>
     *  @param parentField:pid 
     */
    $.fn.tree.defaults.loadFilter = function(data, parent) {
    	var opt = $(this).data().tree.options;
    	var idFiled, textFiled, parentField;
    	if (opt.parentField) {
    		idFiled = opt.idFiled || 'id';
    		textFiled = opt.textFiled || 'text';
    		parentField = opt.parentField;
    		var i, l, treeData = [], tmpMap = [];
    		for (i = 0, l = data.length; i < l; i++) {
    			tmpMap[data[i][idFiled]] = data[i];
    		}
    		for (i = 0, l = data.length; i < l; i++) {
    			if (tmpMap[data[i][parentField]]
    					&& data[i][idFiled] != data[i][parentField]) {
    				if (!tmpMap[data[i][parentField]]['children'])
    					tmpMap[data[i][parentField]]['children'] = [];
    				data[i]['text'] = data[i][textFiled];
    				tmpMap[data[i][parentField]]['children'].push(data[i]);
    			} else {
    				data[i]['text'] = data[i][textFiled];
    				treeData.push(data[i]);
    			}
    		}
    		return treeData;
    	}
    	return data;
    };

发表评论取消回复

表情：

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

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

相关阅读

相关 easyui树形菜单实现

![815622-20180809134106370-1515825099.png][] ![815622-20180809134229274-654427617.png][

缺乏、安全感/ 2023年06月10日 09:27/ 0 赞/ 26 阅读

相关 java树形菜单对象生成

文章目录 1，TreeNode对象 2，TreeUtil 3，JsonUtil 4,运行结果 1，TreeNod

桃扇骨/ 2022年11月22日 10:23/ 0 赞/ 189 阅读

相关 easyUI 实现tree树形菜单json的处理

今天使用easyUI想完成一个树形菜单，后台部分的已经写好，传json给前端显示菜单。发现easyui处理树形菜单的json必须按照它自己的格式，但是我后台的部分已经写好，

Dear 丶/ 2022年09月26日 03:30/ 0 赞/ 194 阅读

相关 ztree+json，渲染树形菜单

前面的话：zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。专门适合项目开发,尤其是树状菜单、树

清疚/ 2022年09月06日 04:51/ 0 赞/ 279 阅读

相关 ztree+json，渲染树形菜单

前面的话：zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。专门适合项目开发,尤其是树状菜单、树

迷南。/ 2022年09月04日 10:59/ 0 赞/ 260 阅读

相关 easyUI-combotree-树形下拉菜单

======================================我的================================================

骑猪看日落/ 2022年08月20日 11:08/ 0 赞/ 273 阅读

相关基于EasyUI的基础之上实现树形功能菜单

页面展示截图如下： ![Center][]![Center 1][]![Center 2][]![Center 3][] 为了实现以上效果，在开始前必

偏执的太偏执、/ 2022年06月13日 05:19/ 0 赞/ 204 阅读

相关《easyUI的树形菜单》

1：dao方法 package com.zy.dao; import java.sql.SQLException; import java.

清疚/ 2022年05月10日 02:33/ 0 赞/ 209 阅读

相关 easyui扁平Json生成树形菜单

/ {@link} http://easyui.btboys.com/post-77.html ztree的简单数据结构（扁平pid结构数据

╰半橙微兮°/ 2022年03月18日 02:10/ 0 赞/ 288 阅读

相关 Java 生成树形菜单

分享一个树形菜单，一般生成树形菜单都是通过递归遍历，或者通过 NOSQL 存储此篇介绍一个递归树形菜单的工具类废话不多说上代码 /

超、凢脫俗/ 2022年01月22日 06:33/ 0 赞/ 306 阅读