extjs6 做一个从数据库拿数据做一个动态tree
时间: 2024-05-30 22:13:48 浏览: 4
很高兴为您解答关于ExtJS6动态Tree从数据库中获取数据的问题。
首先,需要建立相应的模型和存储器。模型应该包含节点的基本信息,如节点的文本,ID,以及父节点的ID等。存储器则需要用来访问数据库并从中获取数据。
以下是一个示例代码:
在模型类中:
Ext.define('TreeModel', {
extend: 'Ext.data.Model',
idProperty: 'id',
fields: [
{name: 'id'},
{name: 'text'},
{name: 'parentId'}
]
});
在存储器类中:
Ext.define('TreeStore', {
extend: 'Ext.data.TreeStore',
model: 'TreeModel',
proxy: {
type: 'ajax',
url: 'your_database_url',
reader: {
type: 'json',
rootProperty: 'data'
}
},
autoLoad: true,
folderSort: true,
sorters: [
{
property: 'text',
direction: 'ASC'
}
]
});
将数据存储在数据库中,并在Store中指定相应的URL,以便从该URL中获取数据。数据应该以JSON格式返回,并包含根节点、子节点等相关信息。
通过上述方式可以轻松地实现从数据库中获取数据,并创建一个动态的Tree。希望这个回答可以帮助到您!如有任何疑问,请在评论区留言。
相关推荐
![application/x-zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![doc](https://img-home.csdnimg.cn/images/20210720083327.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![m](https://img-home.csdnimg.cn/images/20210720083646.png)