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

时间:2011-09-08 19:15:10

标签: extjs sencha-touch

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

我无法理解,

  1. 如何检测UserAgent
  2. 如何切换可见性
  3. 这是代码

    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
        }
       }
      ]
    }]
    

1 个答案:

答案 0 :(得分:1)

为了检测用户代理,有Ext.is类
http://dev.sencha.com/deploy/touch/docs/?class=Ext.is

使用隐藏属性设置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();
    }
}