Question

我想知道以下两个代码之间的区别，因为它们在我的应用中似乎有所不同。

Ext.define('MyApp.view.MyView', {
extend: 'Ext.panel.Panel',
alias: 'widget.myViewContainer',

.....

});

现在，案例1

Ext.define('MyApp.view.UseMyView', {
    extend: 'Ext.panel.Panel',
    alias: 'widget.useMyViewClass',


    items : [{
        title : 'New Title'
        xtype : 'myViewContainer'
    }]

});

现在，案例2

Ext.define('MyApp.view.UseMyView', {
        extend: 'Ext.panel.Panel',
        alias: 'widget.useMyViewClass',


        items : [{
            title: 'New Title'
            xtype: Ext.create('MyApp.view.MyView')
        }]

    });

案例1：我看到标签面板的标题为＆＃34;新标题＆＃34;
在案例2中：我看到选项卡面板的标题为＆＃34;＆＃34;

感谢。

Answer 1

xtype配置选项可用于优化组件创建和呈现。它用作完整组件名称的快捷方式。

这两种方法的主要区别在于：

案例1：＆＃34; MyView＆＃34;直到＃34;才会创建或呈现UseMyView＆＃34;面板实际上显示在浏览器中。如果面板从未显示，那么＆＃34; MyView＆＃34;将永远不会被创造，永远不会消耗任何资源。

案例2 ：＆＃34; MyView＆＃34;面板将在＆＃34;期间立即创建。 UseMyView＆＃34;面板的初始化。随着许多添加的组件，这种方法可能会减慢页面的渲染速度。

Ext.create和xtype配置之间的区别

1 个答案: