Sencha Touch 2.4.2 按钮功能不起作用

Question

我有一个带有 4 个按钮的工具栏。 'Approval'、'New Request Patient'、'View Request Details'，以及'Close' 按钮。默认情况下，当页面加载时，对于 'Approval' 按钮，所有这些按钮都是可见的 EXCEPT。当用户单击 'New Request Patient' 时，我希望 'Approval' 按钮 visible页。当用户点击 'View Request Details' 按钮时，该按钮将再次 hidden 。所以这是我的第一个问题。

我的第二个问题是当用户点击'New Request Patient'按钮时，'View Request Details'按钮将将其文本更改为'View Request List'。出于某种原因，我无法弄清楚这一点。这是我的代码：-

{
                xtype: 'toolbar',
                docked: 'bottom',
                layout: {
                    pack: 'left',
                    size: '20px'
                },
                defaults: {
                    margin: '10 10'
                },
                items: [
                    {
                        xtype: 'button',
                        text: 'Approval',
                        hidden: true
                    },
                    {
                        xtype: 'button',
                        text: 'New Request Patient',
                        handler: function () {
                            Ext.getCmp('requestpatient').setActiveItem(1);
                        },

                        //listeners: {
                        //    tap: function()
                        //    {
                        //        myButton.setText('View Request List');
                        //    }
                        //}
                    },
                    {
                        xtype: 'button',
                        id: 'myButton',
                        text: 'View Request Details',
                        handler: function () {
                            Ext.getCmp('requestpatient').setActiveItem(0);
                        }

                    },
                    {
                        xtype: 'button',
                        text: 'Close'
                    },
                ]
            },

Answer 1

您可以这样做（见下文），但我不确定我是否理解您所说的按钮文本已更改的意思？我在那里看到了注释代码，就是为了做到这一点。

items: [{
    xtype: 'button',
    text: 'Approval',
    hidden: true
},{
    xtype: 'button',
    text: 'New Request Patient',
    handler: function (b) {
         Ext.getCmp('requestpatient').setActiveItem(1);
         b.up().down('button[text=Approval]').setHidden(false);
    },

},{
    xtype: 'button',
    itemId: 'myButton',
    text: 'View Request Details',
    handler: function (b) {
        Ext.getCmp('requestpatient').setActiveItem(0);
        b.up().down('button[text=Approval]').setHidden(true);
    }

},{
    xtype: 'button',
    text: 'Close'
}]

Sencha Touch 2.4.2 按钮功能不起作用

Sencha Touch 2.4.2 Button Function not working

javascript

extjs

sencha-touch-2