[Ext JS6实战] Ajax获取Tree Store

最新推荐文章于 2021-02-06 11:52:40 发布

oscar999

最新推荐文章于 2021-02-06 11:52:40 发布

阅读量786

点赞数 1

CC 4.0 BY-SA版权

分类专栏： 130-Web语言 Ext JS开发大全文章标签： ExtJS 6 TreeStore

本文链接：https://blog.youkuaiyun.com/oscar999/article/details/89298789

130-Web语言同时被 2 个专栏收录

219 篇文章 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

Ext JS开发大全

190 篇文章 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

本文介绍了两种在Ext JS6中使用Ajax获取Tree Store的方式。方式1适用于数据量小的情况，无需额外的reader，直接加载全部树数据。而方式2则适用于数据量大，每个节点的子节点需要按需从后端动态获取的场景，需要使用reader解析并逐级请求子节点数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方式1：
如果返回的数据是TreeSore标准格式。

{
    "text": "Ext",
    "expanded": true,
	"children": [
		{
			"text": "TIP",
			"iconCls": "x-fa fa-leanpub",
			"expanded": true,
			"selectable": false,
			"children": []
              }
        ]
 }

不需要使用reader既可以。

	proxy: { 
	 type: 'ajax',
        url: '/app/data/NavigationTree.json'
    }

方式2：
但是，如果返回数据不是TreeSore标准格式：

{
    "text": "Ext",
    "expanded": true,
	"items": [
		{
			"text": "TIP",
			"iconCls": "x-fa fa-leanpub",
			"expanded": true,
			"selectable": false,
			"children": []
              }
        ]
 }

使用reader解析返回数据的话，则每个节点点击的时候都会去后端请求根据当前的节点获取其子节点，如果后端方法没有处理的话，则循环得到当前的节点。