关于Ext JS树的基本使用可以参考:[Ext JS] 3.3 树(Tree)的定义和使用,本篇示例主要介绍基于Spring Boot使用后端数据的树, 以及展开某个节点, 以及定位节点。
后端定义
后端定义数据节点的模型类Node, 对应Ext JS 的 Ext.data.NodeInterface。 基本属性有4个:
- id , 节点的唯一标识
- text 节点显示
- leaf 是否是页子节点, 也就是是否可以展下一级
- expanded 是否展开
定义如下:
/**
* @Title: Node.java
* @Package com.osxm.springbootency.extjs
* @Description: TODO
* @author XM
* @date 2022年10月9日 下午9:50:03
* @Copyright: 2022
* @version V1.0
*/
package com.osxm.springbootency.extjs;
public class Node {
public Node(String id,String text) {
this.id = id;
this.text = text;
}
private String id;
private String text;
private boolean leaf;