easyuiTree组件后台实现

最新推荐文章于 2023-02-01 08:50:51 发布

Sinner°

最新推荐文章于 2023-02-01 08:50:51 发布

阅读量188

点赞数

文章标签： easyui

本文链接：https://blog.csdn.net/m0_46890027/article/details/106943205

版权

本文介绍了EasyUI的Tree组件，阐述了树控件在Web页面中的作用，如显示分层数据、提供展开、折叠等交互功能。详细讲解了树控件的数据格式，包括节点的属性如id、text、state、checked和attributes。还给出了示例演示，涉及jsp页面、js文件的配置以及与后台数据的交互，包括实体类、DAO类的创建以及数据json文件的格式化。

摘要由CSDN通过智能技术生成

Tree（树）的简介

树控件在web页面中一个将分层数据以树形结构进行显示。它提供用户展开、折叠、拖拽、编辑和异步加载等功能。

树控件数据格式化

每个节点都具备以下属性：

示例演示

首先jsp页面有一ul用于展现tree

<ul id="tt"></ul>

加载Tree

在js目录下新建一个index.js
Webcontent目录下导入{}tree_data1.json

$(function(){
	$('#tt').tree({    
	    url:'tree_data1.json'   
	});  
}
)

entity包：需要封装对象tree

数据库字段名

Permission 实体类

package com.leiliang.entity;

public class Permission {

	private long id;
	private String name;
	private String description;
	private String url;
	private long pid;
	private int ismenu;
	private long displayno;
	public long getId() {
		return id;
	}
	public void setId(long id) {
		this.id = id;
	}
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	public String getDescription() {
		return description;
	}
	public void setDescription(String description) {
		this.description = description;
	}
	public String getUrl() {
		return url;
	}
	public void setUrl(String url) {
		this.url = url;
	}
	public long getPid() {
		return pid;
	}
	public void setPid(long pid) {
		this.pid = pid;
	}
	public int getIsmenu() {
		return ismenu;
	}
	public void setIsmenu(int ismenu) {
		this.ismenu = ismenu;
	}
	public long getDisplayno() {
		return displayno;
	}
	public void setDisplayno(long displayno) {
		this.displayno = displayno;
	}
	@Override
	public String toString() {
		return "Permission [id=" + id + ", name=" + name + ", description=" + description + ", url=" + url + ", pid="
				+ pid + ", ismenu=" + ismenu + ", displayno=" + displayno + "]";
	}
}

vo包：TreeVo类

id：节点ID，对加载远程数据很重要。
text：显示节点文本。
state：节点状态，‘open’ 或 ‘closed’，默认：‘open’。如果为’closed’的时候，将不自动展开该节点。
checked：表示该节点是否被选中。
attributes: 被添加到节点的自定义属性。
children: 一个节点数组声明了若干节点

package com.leiliang.vo;

import java.util.ArrayList;
import java.util.List;
import java.util.Map;


public class TreeVo<T> {
	/**
	 * 节点ID
	 */
	private String id;
	/**
	 * 显示节点文本
	 */
	private String text;
	/**
	 * 节点状态，open closed
	 */
	private Map<String, Object> state;
	/**
	 * 节点是否被选中