在使用Sencha Touch時在TabPanel中使用傳送帶

我想問一個問題：在sencha touch中開發應用程序時，是否可以在TabPanel中添加傳送帶？我只是想添加一個標籤命名的畫廊，並把一些圖像旋轉木馬.. 請幫助..在使用Sencha Touch時在TabPanel中使用傳送帶

的代碼如下...

Ext.application({ 
    name: 'Employee Form', 
    launch: function() { 
     Ext.create('Ext.TabPanel', { 
      extend: 'Ext.Carousel', 
      fullscreen: true, 
      defaults: { 
       styleHtmlContent: true 
      }, 
      layout: { 
       animation: { 
        type: 'slide' 
       } 
      }, 
      items: [ 
       { 
        title: 'Home', 
        html: 'You are on the Home Screen Now' + ['<center><img width="100%" height="350px" src="http://staging.sencha.com/img/sencha.png" /></center>'].join(""), 
        items: [ 
         { 
          xtype: 'toolbar', 
          html: '<center>Muhammad Burhan</center>', 
          docked: 'bottom', 
         } 
        ] 
       }, 
       { 
        title: 'Gallery', 
        items: [ 
         { 
          xtype: 'carousel', 
          direction: 'vertical', 
          items: [ 
           { 
            html: 'Welcome' + ['<center><img width="60%" height="100%" src="lib/touch/img/welcome.gif"</center>'].join(), 
           }, 
           { 
            html: 'First Picture' + ['<center><img width="100%" height="100%" src="lib/touch/img/pic.jpg" /></center>'].join(""), 
           } 
          ] 
         } 
        ] 
       },

來源

2012-11-13 Burhan Mughal