將選項卡添加到我的sencha觸摸應用程序

我已經編寫了以下app.js類，以在使用sencha touch的應用程序中獲得3個選項卡。 app.js的代碼如下：將選項卡添加到我的sencha觸摸應用程序

new Ext.Application({ 
      launch: function() { 

      new Ext.TabPanel({ 
       sortable: true, // Tap and hold to sort 
       items: [{ 
       title: 'Tab 1', 
       html: 'The tabs above are also sortable.(tap and hold)', 
       cls: 'card card5' 
      }, 
      { 
       title: 'Tab 2', 
       html: 'Tab 2', 
       cls: 'card card4' 
      },  
      { 
       title: 'Tab 3', 
       html: 'Tab 3', 
       cls: 'card card3' 
      }] 
     }); 
} 
});

我需要創建卡card1等嗎？在CSS或index.html？

來源

2011-11-28 Smitha

cls必須在你的css文件中指定。我認爲你需要一個iconCls而不是cls參數。在sencha css文件中指定了一些內置的iconCls。例如iconCls：'家'將提供homebutton圖標圖標到您的選項卡 – heyjii

您的示例只是從廚房水槽源應用程序剪切和粘貼！請訪問www.sencha.com/learn，瞭解如何編寫應用程序！ –

感謝您的鏈接。我只是很急，所以仔細閱讀並放下它！ – Smitha

你不需要創建任何東西。這些只是一個配置選項。

Sencha代碼將爲ya生成HTML，並在您的代碼中使用apear類名。你不必做任何事情，那就是魔法。

Sencha是一個爲ya填充HTML的框架。您可以定義對象，而Sencha依次生成包含您要在JS文件中定義的所有屬性的HTML：高度，寬度，類別，ID等

它不會爲ya生成CSS。這部分你必須自己提供。

希望清楚的事情多一點。

Shlomi。

來源

2011-11-30 03:16:09 neoswf

將選項卡添加到我的sencha觸摸應用程序

回答

相關問題