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

Question

我是煎茶触摸的新手。

我对按钮点击事件有疑问。实际上，我有一个带有背景图像的按钮，该按钮在 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'

希望这可以帮助。