如何在Extjs中创建daynamic树面板?

时间:2015-12-17 17:29:25

标签: javascript extjs treepanel extjs6

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

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

Ext.data.schema.Schema.lookupEntity():没有此类实体“类别”。

MyProject的/型号/ Category.js:

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

MyProject的/经典/ SRC /视图/类别/ 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
};
});

1 个答案:

答案 0 :(得分:0)

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

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