javascript - 如何在Extjs中创建动态树面板？

Question

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

但是，我在运行项目时遇到错误:

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/Cateogry.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
};
});

Answer 1

您必须根据需要添加模型:

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