Sencha Touch의 TapPanel에서 탐색이 가능합니까?

Question

저는 Sencha Touch TapPanel을 사용하고 있으며보기에서보기를 탐색하려고합니다. 사용자가 OfferDetailView에있는 경우

Ext.create('Ext.TabPanel', { 
    itemId: 'panel', 
    fullscreen: true, 
    defaults: { 
     styleHtmlContent: true 
    }, 
    tabBarPosition: 'bottom', 
    layout: { 
     type: 'card', 
     animation: { 
      type: 'fade' 
     } 
    }, 
    items: [{ 
     title: 'Home', 
     html: 'Home Screen' 
    }, { 
     title: 'Contact', 
     xtype: 'OfferDetailView' 
    }] 
}); 

, 나는 버튼을 갖고 싶어하고 사용자가 버튼을 클릭하면, 그것은보기 foo로 이동하여 탭 패널을 다시 얻기 위해 다시 버튼으로 표시되어야합니다 . 이 문제점을 지원하는 Sencha Touch 기능 또는 프레임 워크가 있습니까?

나는

Ext.Viewport.animateActiveItem(foo, {type: 'slide', direction: 'left'});

으로보기로 activeItem을 설정할 수 있지만 뒤로 버튼이 없습니다. 그래서 수동으로 추가하고 모든 뷰를 스택에 관리해야합니다.

Answer 1

유일한 개체로 Ext.tab.Panel이 포함 된 Ext.navigation.View을 만들어야합니다. 그러면 해당보기로 새보기 push()을 수행 할 수 있으며 원하는대로 작동합니다.

Ext.create('Ext.navigation.View', { 
    itemId: 'navView', 
    layout: 'fit', 
    items: [ 
     { 
      xtype: 'tabpanel', 
      tabBarPosition: 'bottom', 
      items: [{ 
       title: 'Home', 
       html: 'Home Screen' 
      }, { 
       title: 'Contact', 
       xtype: 'OfferDetailView', 
       items: [ 
        { 
         xtype: 'button', 
         text: 'Go to Foo', 
         handler: function(btn) { 
          btn.up('navigationview').push({ xtype: 'foo' }); 
         } 
        } 
       ] 
      }] 
     } 
    ] 
});