extjs6 做一个从数据库拿数据做一个动态tree
时间: 2024-06-06 18:09:47 浏览: 13
view怎么做?
感谢您的提问。针对您的问题,我们可以使用ExtJS6的TreePanel组件结合Ajax技术实现从数据库获取数据后动态展示为树型结构。您可以参考以下代码:
Ext.define('MyApp.view.MyTreePanel', {
extend: 'Ext.tree.Panel',
alias: 'widget.mytreepanel',
requires: [
'Ext.data.TreeStore',
'Ext.tree.*'
],
rootVisible: false,
store: Ext.create('Ext.data.TreeStore', {
proxy: {
type: 'ajax',
url: 'your/api/url',
reader: {
type: 'json'
}
},
autoLoad: true
}),
columns: [
{
xtype: 'treecolumn',
text: 'Column Name',
dataIndex: 'name',
flex: 2
},
{
text: 'Other Column',
dataIndex: 'otherColumn',
flex: 1
}
]
});
其中,您需要设置TreePanel的store属性为一个TreeStore,该TreeStore需要指定一个ajax类型的proxy,proxy的url属性为从后台获取数据的API地址。同时,您还需要设置TreePanel的columns属性,该属性用于设置树形结构的列头信息。
希望这可以帮助到您。如果您还有其他问题,请继续提问。