Tabs 向我的sencha touch应用程序添加选项卡

我编写了以下app.js类，使用sencha touch在我的应用程序中获得3个选项卡。app.js的代码如下：

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'  
            }]  
      });  
 }  
});

---

我必须创建卡片1等吗？在css或index.html中？

无需创建任何内容。这些只是一个配置选项

Sencha代码将为ya生成HTML，并在代码中显示类名。你不必什么都不做，这就是魔法

Sencha是一个为ya填充HTML的框架。您定义对象，然后Sencha将生成HTML，其中包含您将在JS文件中定义的所有属性：高度、宽度、类、ID等

它不会为你生成CSS。这部分你必须自己提供

希望事情再清楚一点

---

什洛米

必须在css文件中指定cls。我认为您需要一个iconCls而不是cls参数。sencha css文件中指定了一些内置iconCls。例如图标：'home'将为您的选项卡提供homebutton图像图标您的示例只是厨房水槽源应用程序中的剪切粘贴！访问www.sencha.com/learn了解如何编写应用程序！谢谢你的链接。我只是赶时间，所以就把它放进去了！