我试图在 ExtJs 6.0 中基于这个示例制作一个简单的树视图,但没有成功。它在控制台中引发此错误,并且屏幕显示为空白。
未捕获的类型错误:无法读取未定义的属性“getRoot”
如果有人能指出我正确的方向,我将不胜感激。
这些是我的文件:
模型
Ext.define('ADMINSEG.model.Opcion', {
extend: 'Ext.data.TreeModel',
alias : 'model.opcion',
fields: [
{name: 'task', type: 'string'},
{name: 'user', type: 'string'},
{name: 'duration', type: 'string'},
{name: 'done', type: 'boolean'}
]
});
店铺
Ext.define('ADMINSEG.store.MntOpciones', {
extend : 'Ext.data.TreeStore',
storeId: 'myStore',
model: 'ADMINSEG.model.Opcion',
proxy: {
type: 'ajax',
url: 'treegrid.json'
},
folderSort: true
});
看法
Ext.define('ADMINSEG.view.aplicacion.Opciones', {
extend : 'Ext.tree.Panel',
requires : ['Ext.data.*',
'Ext.grid.*',
'Ext.tree.*',
'Ext.tip.*',
'Ext.ux.CheckColumn',
'ADMINSEG.store.MntOpciones'],
title: 'Core Team Projects',
width: 500,
height: 300,
renderTo: Ext.getBody(),
collapsible: true,
useArrows: true,
rootVisible: false,
store: 'myStore',
multiSelect: true,
columns: [{
xtype: 'treecolumn', //this is so we know which column will show the tree
text: 'Task',
width: 200,
sortable: true,
dataIndex: 'task',
locked: true
}]
});