Question

我有一个带4个按钮的工具栏。 '批准'，'新请求患者'，'查看请求详细信息'和'关闭'按钮。默认情况下，当页面加载时，'审批'按钮的所有这些按钮都显示 EXCEPT 。当用户点击'新请求患者'时，我希望“批准”按钮可见，这会将用户带到该页面。当用户点击'查看请求详细信息'按钮时，该按钮将再次隐藏。这是我的第一个问题。

我的第二个问题是，当用户点击'新请求患者'按钮时，'查看请求详细信息'按钮将更改其文字到'查看请求列表'。出于某种原因，我无法弄清楚这一点。这是我的代码： -

{
                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按钮功能不起作用

1 个答案: