Extjs Sencha Touch:基于用户代理的后退按钮切换可见性?

Extjs Sencha Touch:基于用户代理的后退按钮切换可见性?,extjs,sencha-touch,Extjs,Sencha Touch,我是sencha touch的新手,我正在尝试使用工具栏上的后退按钮。我希望根据检测到的用户代理切换其可见性。默认情况下,它是可见的,但如果用户代理被检测为桌面,我想设置隐藏:true 我不明白, 如何检测用户代理 如何切换可见性 这是密码 myapp.views.SubSettings = Ext.extend(Ext.Panel, { layout: 'fit', dockedItems: [{ xtype: 'toolbar', items: [ { ui: 'back',

我是sencha touch的新手,我正在尝试使用工具栏上的后退按钮。我希望根据检测到的用户代理切换其可见性。默认情况下,它是可见的,但如果用户代理被检测为桌面,我想设置
隐藏:true

我不明白,

  • 如何检测用户代理
  • 如何切换可见性
  • 这是密码

    myapp.views.SubSettings = Ext.extend(Ext.Panel, {
     layout: 'fit',
    
     dockedItems: [{
     xtype: 'toolbar',
     items: [ {
       ui: 'back',
       id: 'backButton',
       text: 'Back',
    
       handler : function () {
        // this function should detect the User Agent and set visibility to false for back button
        }
       }
      ]
    }]
    

    为了检测用户代理,有Ext.is类

    使用hidden属性设置Android上后退按钮可见性的示例:

    myapp.views.SubSettings = Ext.extend(Ext.Panel, {
        layout: 'fit',
    
        dockedItems: [{
            xtype: 'toolbar',
            items: [{
                ui: 'back',
                id: 'backButton',
                text: 'Back',
                hidden: Ext.is.Android
            }]
        }];
    
    示例:如果要检查用户代理并在函数内设置可见性

    handler: function () {
        if(Ext.is.Android) {
            this.hide();
        }
    }
    

    为了检测用户代理,有Ext.is类

    使用hidden属性设置Android上后退按钮可见性的示例:

    myapp.views.SubSettings = Ext.extend(Ext.Panel, {
        layout: 'fit',
    
        dockedItems: [{
            xtype: 'toolbar',
            items: [{
                ui: 'back',
                id: 'backButton',
                text: 'Back',
                hidden: Ext.is.Android
            }]
        }];
    
    示例:如果要检查用户代理并在函数内设置可见性

    handler: function () {
        if(Ext.is.Android) {
            this.hide();
        }
    }
    

    这很有效。我发现了Ext.is,但不知道我可以使用它
    隐藏:Ext.is.Phone
    像这样。这很好用。我发现了Ext.is,但不知道我可以像这样使用它
    隐藏:Ext.is.Phone