ExtJS/Sencha Touch中组件的config属性有什么意义？

考虑这样的代码，注意

config

属性

Ext.define('TouchTomatoes.view.WelcomeOverlay', {
    extend: 'Ext.Panel',
    xtype: "main",

    config: {
        cls: "welcomeOverlay",
        html: [
            "<div class='message'>",
                "<h2>Welcome to <em>Touch Tomatoes</em></h2>",
                "<p>Browse any of our lists by selecting a tab at the bottom, or swiping across the app. <br/>You can find a movie in our search section.</p>",
                "<div class='tap'>Tap anywhere to begin</div>",
            "</div>"
        ].join(""),
        hidden:true
    },

    initialize: function() {
        this.element.on({
            tap: {
                fn: function() {
                    this.hide();
                },
                single:true,
                scope:this
            }
        })
    }
});

Ext.define（'touchtogatos.view.WelcomeOverlay'{
扩展：“Ext.Panel”，
xtype:“main”，
配置：{
cls：“欢迎光临”，
html:[
"",
“欢迎触摸西红柿”，
“通过选择底部的选项卡或在应用程序中滑动浏览我们的任何列表。
您可以在我们的搜索部分找到电影。
”，
“点击任意位置开始”，
""
].加入（“”），
隐藏：真的
},
初始化：函数（）{
这个元素({
点击：{
fn：函数（）{
this.hide（）；
},
单身：没错，
范围：本
}
})
}
});

到目前为止，我只需将配置项直接放入类定义中，一切都可以正常工作。事实上，我认为这是唯一的方法（因为

config

property没有在API中记录）。有人能说出一种方式和另一种方式有何不同吗

同样的事情也适用于

initialize

方法，我通常会使用

initComponent

来解决这个问题，为什么ExtJS中有这么多可选名称和方法

ExtJS和senchatouch是不同的。请试着问一个问题 一个站台

Sencha Touch 1和2是不同的

阅读控制台文本：[已弃用][App.view.Main#构造函数]initComponent（）已弃用，请将代码放入initialize（）中

Ext.Class.config在API文档中。查看每个组件右侧的扩展树，查看每个组件的来源。文档不会显示父项中的所有项

senchatouch和ExtJS中通常有其他名称和方法来保持代码向下兼容。但在当前版本中，只有一条路要走

---

请务必阅读有关如何处理问题的最新博客文章。

应该使用

config

选项为自定义属性创建自己的getter和setter。 假设您在那里添加了另一个属性，如：

type:'userform'

。在面板创建过程之后，您可以使用该面板的

getType

和

setType

方法。

在右侧有一个带有复选框的“Show”下拉列表，并为我选中了标签为“Inherited”的下拉列表。我认为，在我这方面，期望列出、继承或拥有所有可用的属性和方法是非常合乎逻辑的。除此之外，这是一个有用的答案。