确定config属性中的内容

时间:2014-06-20 01:39:03

标签: extjs sencha-touch sencha-touch-2

我对Sencha Touch文档感到有点困惑。在他们的Create your first app教程中,他们展示了一些代码来创建一个面板:

Ext.application({
    name: 'Sencha',

    launch: function() {
        Ext.create("Ext.tab.Panel", {
            fullscreen: true,
            items: [
                {
                    title: 'Home',
                    iconCls: 'home',
                    html: 'Welcome'
                }
            ]
        });
    }
});

在代码中,fullscreenitems属性位于传入的json的基础级别,但当您查看Ext.tab.Panel config时,这两个属性都在“配置”部分下找到,而不是“属性”部分。

我知道有些情况需要将json编码的属性放在 Ext.define('User', { extend: 'Ext.data.Model', config: { fields: [ { name: 'id', type: 'int' }, { name: 'name', type: 'string' } ] } }); 属性中。像这样:

config

如何确定Ext.create("Ext.tab.Panel",...属性应该包含哪些内容?我很难在文档中找到解释。

对所选答案的补充说明:

我们正在使用Ext.define('User', { extend: 'Ext.data.Model', ...的第一个实例我们正在创建一个Panel类的实例。我们将配置直接应用于将要创建的Panel实例。

在我们使用User的第二个实例中,我们创建一个名为Model的类扩展类{{ 1}}。 config属性中定义的属性将用于配置Model类,而config属性之外的任何其他属性将用于配置User类。 / p>

1 个答案:

答案 0 :(得分:1)

大括号是您为创建实例而传递的配置。你正在通过fullscreen& items作为标签面板的配置。您正在通过titleiconCls&小组html

在定义自己的类时,只需要使用config块,而不是实例化它们。