SSM+Easyui 动态Tree简单实现

最新推荐文章于 2020-02-25 22:06:12 发布

weixin_43962626

最新推荐文章于 2020-02-25 22:06:12 发布

阅读量697

点赞数 1

分类专栏： Tree

本文链接：https://blog.csdn.net/weixin_43962626/article/details/90245160

版权

本文介绍了如何使用SSM框架结合Easyui创建动态Tree。文章首先讲解了所需的表结构，包括信息表和树表的设计。接着，详细阐述了在页面加载时如何通过后台代码动态获取树表信息并展示。在功能实现部分，提到了动态点击树节点时，如何利用Easyui的node属性获取ID，进而查询相关数据并更新Datagrid。

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

SSM+Easyui 动态Tree简单实现

一、表结构：

此表为数据信息表
表1为信息表。此表设计没有要求只需留给对应树ID的字段就可以了（rid与表2的id对应）。

在这里插入图片描述
表2为树表
字段为Easyui树结构规定好的
id ：树的id
text ：展示树节点文本
state ：closed表示有子节点，open表示没有子节点
checked：树初始化时是否打开
attribute：树的pid

二、代码实现上从功能入口上开始介绍：
在这里插入图片描述
在页面访问的时候通过页面加载函数请求查询树表信息并反馈展示，达到树初始化。

<ul id="tt" class="easyui-tree"></ul>  //Easyui提供的树样式

$(function(){
	        $('#tt').tree({           //Easyui提供的树初始化
	            url:"<%=request.getCo