鏈接到Sencha Touch中新面板的按鈕

Question

請原諒我的天真。我試圖使工具欄上的按鈕鏈接到新的卡，而不是TabPanels。新卡將擁有與家庭不同的面板元素我已經觀看了所有的視頻內容，並閱讀了這裏的幾篇文章，但不知怎的，它從未完全設法將其排序。

new Ext.Application({ 
     name: 'Demo App', 
     launch: function() { 
     this.viewport = new Ext.TabPanel({ 
      fullscreen: true, 
      id: 'mainPanel', 
      html: 'Welcome', 
      cls: 'homescreen', 
      dockedItems: [{ 
       xtype: 'toolbar', 
       ui: 'light', 
       title: 'Home', 
       items: [ 
       {text: 'Option1', ui: 'action', flex: 1}, 
       {xtype: 'spacer', }, 
       {text: 'Option2', ui: 'action',flex: 1 } 
       ] 
      }] 
     }); 
    } 
}); 

Answer 1

這不是標籤面板的要點。它應該將卡片加載到主面板並讓它們在它們之間移動。

new Ext.Application({ 
    name: 'Demo App', 
    launch: function() { 
     this.viewport = new Ext.TabPanel({ 
      fullscreen: true, 
      id: 'mainPanel', 
      cls: 'homescreen', 
      items: [{ 
       title : 'Home', 
       html : 'Welcome' 
      },{ 
       title : 'Full screen' 
      }], 
      listeners : { 
       beforecardswitch : function (ct, newcard, oldcard) { 
        if (newcard.title == 'Full screen') { 
         var panel = new Ext.Panel({ 
          fullscreen : true, 
          dockedItems : [{ 
           xtype : 'toolbar', 
           title : 'Full screen', 
           dock : 'top', 
          }], 
          html  : 'Full!' 
         }); 
         return false; 
        } else { 
         return true; 
        } 
       } 
      } 
     }); 
    } 
}); 

你將不得不以某種方式關閉面板（：您可以加載一個新的全屏面板通過攔截卡開關和渲染新的單獨的面板中，像這樣（這可能有它自己的標籤面板或其他元素）可能會有一個關閉按鈕），以便用戶可以返回到原始選項卡面板。儘管最好不要離開標籤面板，並在標籤面板內添加新的面板。

希望這回答你的問題。