css - Sencha Touch，AddCls 到按钮不起作用

Question

我知道大多数用户都问过这个问题，但我似乎无法正确回答。 我有一个按钮需要在 initialize() 函数上更改颜色。这是一个例子。

            {
               xtype:"button",
               id:"showme_BTN",
               baseCls:"home-round-btns",
               html:'<img src="resources/icons/show_me.svg">'           
            },

我的初始化函数 ()，它会在应用启动后立即运行。

   listeners: {
        initialize: function(){  
           //console.log("initialize() works");
           Ext.getCmp('showme_BTN').removeCls('home-round-btns'); //remove old class
           Ext.getCmp('showme_BTN').addCls('home-round-btns-red'); // add new class
        }
    }

你可能会问我为什么要这样做，我想为不同的用户加载个性化的颜色，谢谢

Answer 1

addCls 函数 将 CSS 类添加到表示此组件的顶级元素。它不会在 baseCls 中添加类，它会在 cls 中添加类。

编辑 您的按钮代码应该是:

{
               xtype:"button",
               id:"showme_BTN",
               cls:"home-round-btns",
              html:'<img src="resources/icons/show_me.svg">'           
},