extjs - Extjs 4 MVC按小部件名称加载类

Question

我有一个小部件AM.users.Tabs，我在其中扩展了一个tabPanel. 如何按小部件名称加载该 tabPanel，以便动态添加选项卡？我可以id对其进行设置然后使用Ext.getCmp('id').add({...})，但我想知道是否有一种方法可以获取组件而无需对 id 进行硬编码，因为我设置了别名。

Answer 1

比如，你如何获得 Component 对象？

如果您不想使用 Ext.getCmp，可以使用新的组件查询系统，它允许您通过 id 或 xtype 查询组件，类似于 css。 http://dev.sencha.com/deploy/ext-4.0.0/docs/api/Ext.ComponentQuery.html

您还可以使用相同的查询系统查询父组件的子组件：

parentPanel.query('myxtype')

Answer 2

如果您想按小部件名称加载您的类，您可以使用Ext.createWidget()

例如，如果您的 tabPanel 看起来像这样：

Ext.define('AM.users.Tabs', {
    extend: 'Ext.tab.Panel',
    alias: 'widget.userstabs',
    ...
});

你可以这样称呼它：

Ext.createWidget('userstabs', {
    ...
    ...
});