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
            }
        })
    }
});

到现在为止,我只是将配置项直接放入类定义中,并且一切正常。实际上,我在想这是唯一的方法(例如,因为config属性未在API中记录)。谁能说出一种方法与另一种方法有何不同?

同样的事情也适用于initialize方法有,我通常会用initComponent这个,为什么在ExtJS的这么多的替代名称和方式?

吉尔赫姆·洛普斯

config选项应用于为您的自定义属性创建自己的getter和setter。假设您在此处添加了另一个属性,例如:type: 'userform'面板创建过程完成后,您将可以使用getTypesetType方法用于该面板。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Sencha extjs属性范围

来自分类Dev

sencha extjs的商店中可以有多个代理吗?

来自分类Dev

从 extJs/Sencha 中的商店中按 id 删除记录

来自分类Dev

如何覆盖extjs(sencha)中datepicker按钮的文本?

来自分类Dev

Sencha ExtJS框架中应删除CSS类的哪些组件事件?(烦人的红线)

来自分类Dev

Sencha ExtJS 如何在同一行上有两个按钮和文本

来自分类Dev

如何在ExtJS(和Sencha architect)中的GridPanel中显示嵌套对象?

来自分类Dev

如何在 extjs 或 sencha 中的日期时间字段中设置时间

来自分类Dev

如何在ExtJS中创建自定义SASS以与Sencha CMD一起编译

来自分类Dev

如何在Sencha ExtJS v6中包含Ext.ux.LiveSearchGridPanel?

来自分类Dev

如何在Sencha ExtJs v6中将公式与商店正确绑定?

来自分类Dev

如何在Sencha ExtJS v6中中止/取消商店的加载操作?

来自分类Dev

Sencha Extjs-如何通过一次设置记录中的数据来更新网格?

来自分类Dev

Sencha ExtJs 5中的锚点布局和配合布局之间的区别

来自分类Dev

如何在Sencha ExtJS 6的最小化菜单中删除工具提示?

来自分类Dev

如何在ExtJS中创建自定义SASS以与Sencha CMD一起编译

来自分类Dev

如何在Sencha ExtJS v6中中止/取消商店的加载操作?

来自分类Dev

如何在Sencha ExtJS 6.2中生成“ css-vars.js”

来自分类Dev

玩!Framework Java Project与Sencha ExtJS集成?

来自分类Dev

ExtJS网格锁定错误,sencha构建后

来自分类Dev

Sencha ExtJS msg警报不会消失

来自分类Dev

Sencha touch中的onkeydown

来自分类Dev

ExtJS和Sencha Touch:在底部添加第二个面板,该面板的文本取决于函数调用

来自分类Dev

ExtJS和Sencha Touch:在底部添加第二个面板,该面板的文本取决于函数调用

来自分类Dev

如何在我的ExtJS网络应用程序中显示sencha应用程序构建时间戳

来自分类Dev

我们如何在Sencha ExtJS 6.0.2版中全局设置我们要使用的时区?

来自分类Dev

在Sencha Touch 2中排列组件

来自分类Dev

使用商店数据的Sencha图表-Sencha touch

来自分类Dev

Sencha ExtJs gridcolumn格式化程序datetime使大写

Related 相关文章

  1. 1

    Sencha extjs属性范围

  2. 2

    sencha extjs的商店中可以有多个代理吗?

  3. 3

    从 extJs/Sencha 中的商店中按 id 删除记录

  4. 4

    如何覆盖extjs(sencha)中datepicker按钮的文本?

  5. 5

    Sencha ExtJS框架中应删除CSS类的哪些组件事件?(烦人的红线)

  6. 6

    Sencha ExtJS 如何在同一行上有两个按钮和文本

  7. 7

    如何在ExtJS(和Sencha architect)中的GridPanel中显示嵌套对象?

  8. 8

    如何在 extjs 或 sencha 中的日期时间字段中设置时间

  9. 9

    如何在ExtJS中创建自定义SASS以与Sencha CMD一起编译

  10. 10

    如何在Sencha ExtJS v6中包含Ext.ux.LiveSearchGridPanel?

  11. 11

    如何在Sencha ExtJs v6中将公式与商店正确绑定?

  12. 12

    如何在Sencha ExtJS v6中中止/取消商店的加载操作?

  13. 13

    Sencha Extjs-如何通过一次设置记录中的数据来更新网格?

  14. 14

    Sencha ExtJs 5中的锚点布局和配合布局之间的区别

  15. 15

    如何在Sencha ExtJS 6的最小化菜单中删除工具提示?

  16. 16

    如何在ExtJS中创建自定义SASS以与Sencha CMD一起编译

  17. 17

    如何在Sencha ExtJS v6中中止/取消商店的加载操作?

  18. 18

    如何在Sencha ExtJS 6.2中生成“ css-vars.js”

  19. 19

    玩!Framework Java Project与Sencha ExtJS集成?

  20. 20

    ExtJS网格锁定错误,sencha构建后

  21. 21

    Sencha ExtJS msg警报不会消失

  22. 22

    Sencha touch中的onkeydown

  23. 23

    ExtJS和Sencha Touch:在底部添加第二个面板,该面板的文本取决于函数调用

  24. 24

    ExtJS和Sencha Touch:在底部添加第二个面板,该面板的文本取决于函数调用

  25. 25

    如何在我的ExtJS网络应用程序中显示sencha应用程序构建时间戳

  26. 26

    我们如何在Sencha ExtJS 6.0.2版中全局设置我们要使用的时区?

  27. 27

    在Sencha Touch 2中排列组件

  28. 28

    使用商店数据的Sencha图表-Sencha touch

  29. 29

    Sencha ExtJs gridcolumn格式化程序datetime使大写

热门标签

归档