將NavigationView添加到面板sencha touch 2

Question

我試圖讓點擊圖像上的navigationView，但它不適用於我，事件被解僱，但是當我嘗試切換到關於視圖時正巧，我使用的是navigationview爲了有一個後退按鈕.. 我的控制器：

Ext.define('app.controller.MainController', { 
extend: 'Ext.app.Controller', 
config: { 
    refs: { 
     main: 'Main', 
     about: 'About', 
     aboutimg: '#aboutimg' 
    }, 
    control: { 
     aboutimg: { 
      tap: function(img, evt) { 
       Ext.Viewport.add(Ext.create('app.view.About')); 
      } 
     } 
    } 
} 

}); 

我約的看法：

Ext.define('app.view.About', { 
extend: 'Ext.NavigationView', 
xtype: 'About', 
.... 

主視圖：

Ext.define('app.view.Main', { 
extend: 'Ext.Panel', 
xtype: 'main', 
requires: [ 
    'Ext.Img' 
], 
config: { 
    layout: 'vbox', 
    fullscreen: true, 
    defaults: { 
     flex: 1 
    }, 
    items: [ 
     { 
      xtype: 'panel' 

     }, 
     { 
      xtype: 'carousel', 
      flex: 3, 
      items: [ 
       { 
        xtype: 'panel', 
        layout: 'vbox', 
        items: [], 
        dockedItems: [{ 
          xtype: 'panel', 
          style: 'background-color: #fff;', 
          layout: { 
           type: 'hbox', 
           pack: 'center' 
          }, 
          flex: 1, 
          items: [ 
           { 
            xtype: 'image', 
            id:'aboutimg', 
            mode: 'element', 
            src: "resources/images/about.jpg", 
            cls: 'component', 

           }, 
     ...... 

Answer 1

您必須激活剛剛添加的面板才能將其放到前面。因此，請在您的「點按」事件功能中執行此操作：

var aboutPanel = Ext.Viewport.add(Ext.create('app.view.About')); 
Ext.Viewport.animateActivateItem(aboutPanel, { 
    type : 'slide', 
    direction : 'left' 
}); 

這應該可以正常工作。