Sencha Touch: кнопка «Назад» переключает видимость в зависимости от агента пользователя?

Question

Я новичок в Sencha Touch и пытаюсь использовать кнопку "Назад" на моей панели инструментов. Я хочу переключить его видимость на основе обнаруженного агента пользователя. По умолчанию это видно, но если пользовательский агент обнаружен как рабочий стол, я хочу установить hidden : true.

Я не могу понять,

1. Как определить UserAgent
2. Как переключить видимость

Вот код

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

Answer 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();
    }
}