Javascript 如何在Extjs中创建daynamic树面板？

我想在我的项目中有一个动态树面板。我使用这个组件的示例

但是，我在运行项目时出错：

Ext.data.schema.schema.lookupEntity（）：没有这样的实体“类别”。

MyProject/Model/Category.js：

Ext.define('MyProject.model.Category',{
    extend: 'Ext.data.Model',
    fields: ['id', {
        name: 'name',
        type: 'string'
    }]
});

MyProject/classic/src/view/category/category.js：

Ext.define('MyProject.view.category.Category', function(){

var store = Ext.create('Ext.data.TreeStore', {
    model: 'Category',
    root: {
        name: 'Product'
    }
});

var items = [{
    items:[{
        xtype: 'textfield',
        fieldLabel: 'Name'
    },{
        xtype: 'treepanel',
        reference: 'treepanel',
        height: 200,
        width: 400,
        frame: true,
        store: store,
        rootVisible: false
    },{
        xtype: 'button',
        text: 'Add',
        listeners: {
            click: 'onClick'
        }
    }]
}];

return{
    extend: 'Ext.panel.Panel',
    requires: [
        'Ext.form.Panel',
        'Ext.rtl.*'
    ],

    controller: 'categorycontroller',

    alias: 'widget.category',

    layout: 'vbox',

    items: items
};
});

---

您必须根据需要添加您的模型：

...
requires: [
    'Ext.form.Panel',
    'Ext.rtl.*',
    'ProjectName.model.Category'
],
...

---

您必须根据需要添加您的模型：

...
requires: [
    'Ext.form.Panel',
    'Ext.rtl.*',
    'ProjectName.model.Category'
],
...