Question

新手到ext.js：我试图理解这是什么：

xtype: 'app-main'

表示我自动生成的代码。没有可用的文档。我想这是我的别名的参考，但我找不到它..

我使用了sencha cmd（最新2014年5月 - ext.js 4.2.2），它自动生成了许多文件，其中包含 xtype：'app-main' ...

Main.js

Ext.define('test12.view.Main', {
    extend: 'Ext.container.Container',
    requires:[
        'Ext.tab.Panel',
        'Ext.layout.container.Border'
    ],

    xtype: 'app-main',    <<<<-------

    layout: {
        type: 'border'
    },

    items: [{
        region: 'west',
        xtype: 'panel',
        title: 'west',
        width: 150
    },{
        region: 'center',
        xtype: 'tabpanel',
        items:[{
            title: 'Center Tab 1'
        }]
    }]
});

viewport.js

Ext.define('test12.view.Viewport', {
    extend: 'Ext.container.Viewport',
    requires:[
        'Ext.layout.container.Fit',
        'test12.view.Main'
    ],

    layout: {
        type: 'fit'
    },

    items: [{
        xtype: 'app-main'
    }]
});

Answer 1

xtype是一个配置，允许您更容易地实例化您定义的类

示例：

Ext.define('Myapp.view.MyCoolPanel',{
    extend : 'Ext.panel.Panel',
    xtype  : 'coolpanel',
    //some cool configs ... 

});
//somewhere else 
Ext.create('Ext.window.Window',{
    //regular configs

    items: [
    {
      xtype: 'coolpanel'

    }
]
}).show();

请参阅http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.panel.Panel-cfg-xtype

最好的问候

Answer 2

所以，似乎xtype：...在Ext.defing（...）{中将新视图设置为xtype，在本例中为app-main。

有道理;）

什么是ext.js＆＃34; xtype：＆＃39; app-main＆＃39;＆＃34;

2 个答案: