在sencha touch 2中点击开始时如何更改按钮图像？

Question

我是sencha touch的新手。

我的按钮点按事件有问题。实际上我有一个按钮，背景图像在Button的cls属性中声明：

    Ext.define('app.view.common.PageHeader', {
    extend: 'Ext.Container',

    xtype: 'pageHeader',

    config: {

        items: [
            {
                xtype: 'button',
                left: 10,
                top: 10,
                baseCls: 'null',
                cls: 'btn_back',            //with background:url('btn_img.png')
                listeners: {
                    tap: function () {
                        console.log('button tapped...');
                        //history.back();
                        this.removeCls('btn_back');
                        this.addCls('btn_press');
                    },
                    release: function () {
                        console.log('button released..');
                    }
                }
            }
        ]
    }
});

现在我只想在使用removeCls（）和addCls（）点击按钮时更改按钮的背景图像。

但是从Sencha文档中我没有发现任何类似的事件。

那么有这样做的方法吗？

Answer 1

只需删除您编写的所有侦听器和处理程序。它只是按钮的pressedCls配置。例如：

pressedCls: 'css_properties_when_the_button_is_pressed'

希望这有帮助。