版权声明:本文为sunziren原创文章,博客园首发,转载务必注明出处以及作者名称。


  Easyui-Tree和Combotree所使用的数据结构是类似的,在我的上一篇文章《Easyui-Treegrid使用注意事项-sunziren》中,提到了两种数据格式。第一种数据间是平级的,第二种是包含关系,子数据被包在父数据的children属性中。

  Tree和Combotree使用的就是第二种数据格式。本文着重记录一下如何生成第二种数据格式。

  1. 首先需要定义一个工具类:TreeBeen。这个类相当于一条完整的数据。包括了属性:id、text、attributes、children、state这五个属性。其中attributes属性用来存储该条数据的其他属性;children为当前数据的子数据,格式为List<TreeBean>;state表示当前节点默认是否展开,你可以给个默认值“open”。

  TreeBeen的源代码如下,很简单,值得注意的是,他的children属性List的泛型正好是TreeBeen类型。

package com.basefrm.util;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.HashSet;
import java.util.List;
import java.util.Map;
import java.util.Set; public class TreeBean {
private String id;
private String text;
private Map<String,String> attributes = new HashMap<String,String>();
private List<TreeBean> children = new ArrayList<TreeBean>();
private String state = "open";
public String getId() {
return id;
}
public void setId(String id) {
this.id = id;
}
public String getText() {
return text;
}
public void setText(String text) {
this.text = text;
}
public Map<String, String> getAttributes() {
return attributes;
}
public void setAttributes(Map<String, String> attributes) {
this.attributes = attributes;
}
public String getState() {
return state;
}
public void setState(String state) {
this.state = state;
}
public TreeBean(String id, String text,
Map<String, String> attributes, String state) {
super();
this.id = id;
this.text = text;
this.attributes = attributes;
this.state = state;
}
public TreeBean() {
super();
}
public List<TreeBean> getChildren() {
return children;
}
public void setChildren(List<TreeBean> children) {
this.children = children;
}
}

  2. 我们知道,前台需要的是Json格式的字符串,我们首先需要把包含层级关系的数据从数据库查出来,3个字段是必须的。id,pid,text。其他字段查出来可以放到TreeBeen的attributes属性中。而且我们注意到,要拼这个json格式的字符串,我们肯定是需要循环的,但是我们不知道整个数据一共包括几个层级,因此我们不知道具体设置几个嵌套循环,因此这个我们需要一个递归的方法。先放代码吧,然后我在解释一下。

    //构建树的方法(递归)
private List<TreeBean> buildTree(List<Map> all_Bm,String sjbmbm,String pid,String id,String text){
List<TreeBean> list = new ArrayList<TreeBean>();
for(int i=0;i<all_Bm.size();i++){
if(all_Bm.get(i).get(pid).equals(sjbmbm)){
TreeBean tb = new TreeBean();
tb.setId(all_Bm.get(i).get(id).toString());
tb.setText(all_Bm.get(i).get(text).toString());
tb.setChildren(buildTree(all_Bm,tb.getId(),pid,id,text));
list.add(tb);
}
}
return list;
} //获取部门Json
public void getSzbm(){
String sql = "select bmbm,sjbmbm,bmmc from table_bm";
List<Map> all_Bm = (List)baseDao.loadBySql(sql, null);
List<TreeBean> list=buildTree(all_Bm,"-1","SJBMBM","BMBM","BMMC");
this.printToJson(JSON.toJSONString(list));
}

  方法buildTree是一个递归方法,他在内部调用了自己。参数List<Map> all_Bm为数据库查出来的所有数据,String sjbmbm为你要展示的树的根目录的那条数据的pid。后面三个参数分别为id,pid,text,在查出来的数据中的名称。它返回的是一个List<TreeBean>集合。因为我没有查别的参数,因此就没有给attributes属性设置值。

  通过这个办法,我成功了实现了tree和combotree。当然,这个方法还有个一优化的地方,如果你有什么不明白的地方或者建议,请在评论区回复我,我会及时回复你的。

Easyui-Tree和Combotree使用注意事项-sunziren的更多相关文章

  1. EasyUI –tree、combotree学习总结

    EasyUI –tree.combotree学习总结 一.   tree总结 (一).tree基本使用 tree控件是web页面中将数据分层一树形结构显示的. 使用$.fn.tree.defaults ...

  2. 如何让EasyUI的Tree或者ComboTree节点不显示图标?

    版本:jQuery EasyUI 1.3.2 通过测试,只需把节点的state属性设置为null即可使EasyUI的Tree或者ComboTree控件的节点不显示图标.

  3. Jquery EasyUI Combotree和 EasyUI tree展开所有父节点和获取完整路径

    Jquery EasyUI Combotree展开所有父节点 Jquery EasyUI Combotree获取树完整路径 Jquery EasyUI tree展开所有父节点 Jquery EasyU ...

  4. Easyui Tree方法扩展 - getLevel(获取节点级别)

    Easyui Tree一直就没有提供这个方法,以前没有用到,所以一直没怎么在意,这次自己用到了,顺便扩展了一个方法,分享给大家. $.extend($.fn.tree.methods, { getLe ...

  5. 数据网格和树-EasyUI Datagrid 数据网格、EasyUI Propertygrid 属性网格、EasyUI Tree 树、EasyUI Treegrid 树形网格

    EasyUI Datagrid 数据网格 扩展自 $.fn.panel.defaults.通过 $.fn.datagrid.defaults 重写默认的 defaults. 数据网格(datagrid ...

  6. .NET easyUI tree树状结构

    简单的制作后台制作写一个json(string类型)格式 public partial class goodstype_type : System.Web.UI.Page { public strin ...

  7. [转]easyui tree 模仿ztree 使用扁平化加载json

    原文地址:http://my.oschina.net/acitiviti/blog/349377 参考文章:http://www.jeasyuicn.com/demo/treeloadfilter.h ...

  8. 【项目经验】EasyUI Tree

    ITOO5.0开始了,我参加了伟大的基础系统,从整体上来说,基础系统有三个职能: 1.自己的核心职能--选课(公共选修课,专业选修课),课表: 2.为其他系统提供真实数据: 3.维护信息 而近两三天, ...

  9. Jquery EasyUI Tree .net实例

    图片: 针对tree: 数据库: CREATE TABLE [dbo].[SystemModel]( [Id] [,) NOT NULL, [Name] [nvarchar]() NULL, [Fat ...

随机推荐

  1. java架构之路-(微服务专题)初步认识微服务与nacos初步搭建

    历史演变: 以前我们都是一个war包,包含了很多很多的代码,反正我开始工作的时候做的就是这样的项目,一个金融系统,代码具体多少行记不清楚了,内部功能超多,但是实际能用到的不多,代码冗余超大,每次部署大 ...

  2. 《古剑奇谭3》千秋戏辅助工具(前端React制作)

    前言 一直身在武汉,基于众所周知的疫情原因,这个春节只能宅着. 不过其实这个春节是这些年来过得最爽的一个了. 没有鞭炮,不用四处跑,安安心心呆在家里玩玩游戏看看书写写代码,其实日子过得还是挺悠闲的. ...

  3. 2020牛客寒假算法基础集训营4 B:括号序列

    B : 括号序列 考察点 : 栈 坑点 : 只有栈空时才是合法的 Code: #include <stack> #include <cstdio> #include <s ...

  4. 适合产品经理的十本书 From 俞军

    (转自俞军,如有侵权,请评论区留言,我会尽快删除:) 适合产品经理的十本书 俞军 入门三本书:社会心理学 阿伦森 插图第七版:特别好,适合成为“产品经理的第一本书”第一本经济学:经济学帮助人们洞察世事 ...

  5. Python3(十一) 原生爬虫

    一.爬虫实例 1.原理:文本分析并提取信息——正则表达式. 2.实例目的:爬取熊猫TV某个分类下面主播的人气排行 分析网站结构 操作:F12查看HTML信息,Ctrl+Shift+C鼠标选取后找到对应 ...

  6. ELK-图示nginx中ip的地理位置

    一.环境准备: ELK stack 环境一套 geolite数据库文件 二.下载geolite数据库(logstash机器上解压,logstash需调用): geolite官网:https://dev ...

  7. Mysql 命令 操作

    1.user表        如果需要从其他机器连接 mysql 服务器报这个错“ERROR 1130: Host 'root' is not allowed to connect to this M ...

  8. Spring-cloud微服务实战【九】:分布式配置中心config

      回忆一下,在前面的文章中,我们使用了spring cloud eureka/ribbon/feign/hystrix/zuul搭建了一个完整的微服务系统,不管是队内还是对外都已经比较完善了,那我们 ...

  9. codewars--js--RGB To Hex Conversion

    问题描述: The rgb() method is incomplete. Complete the method so that passing in RGB decimal values will ...

  10. 简单了解css3样式表写法和优先级

    css3和css有什么区别?首先css3是css(层叠样式表)技术的升级版本,而css是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言. ...