Element的el-tree控件后台数据结构的生成以及方法的抽取_el-tree排序 - CSDN文库

147 浏览量更新于2023-05-06 评论 1 收藏 92KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

Element的的el-tree控件后台数据结构的生成以及方法的抽取控件后台数据结构的生成以及方法的抽取

最近用到了el-tree控件，主要是数据的格式，按照官网的数据格式来就可以显示节点的树形结构了。

代码参考很多

这里给出一个比较好的链接：https://www.jb51.net/article/181990.htm

代码说明在注释里写的很详细了已经，这里不再叙述说明。至于为什么抽取成这种格式的数据，那是因为ElementUI-tree规定

的数据格式，你想要用这个控件，就必须按照他们规定的这个格式来。

数据格式如下：

Controller代码

@RequestMapping("/cateList")

@ResponseBody

public List<TbCategory> cateList() {

// 整体思路：

// 1、取得所有数据、放入集合List1 （tbCategories）

// 2、将List1所有数据都放入到map（treeMap）中：元素id为键，元素本身对象为值

// 3、取得顶层节点放入集合List2中（resultList）

// 4、遍历List1中的所有数据，通过数据的parentId为键在map中取值

// 1）如果能取到，则说明该元素有父节点

// 1、判断该父节点下的childList中是否有已经子节点

// 1、若无：则创建一个集合，将子节点放入

// 2、若有：则直接将子节点放入即可

// 5、把放好的数据放回到map中

// 6、返回List2（resultList）

// 注意：整个过程将所有数据取出放入list2（resultList）,返回的也是 //list2

List<TbCategory> tbCategories = categoryService.cateList();

List<TbCategory> resultList = new ArrayList<TbCategory>(); // 存贮顶层的数据

Map<Object ,Object> treeMap = new HashMap();

Object itemTree;

for(int i = 0;i<tbCategories.size() && !tbCategories.isEmpty();i++){

itemTree = tbCategories.get(i);

treeMap.put(tbCategories.get(i).getNodeId(),tbCategories.get(i));// 把所有的数据都放到map中

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余3页未读，立即下载

评论0

weixin_38658564

粉丝: 1
资源: 942

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈