添加标签到我的sencha touch应用程序

Question

我已经编写了以下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'  
            }]  
      });  
 }  
});

我是否需要创建卡片卡等？在css或index.html？

Answer 1

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

Sencha代码将为ya生成HTML，其代码名称在您的代码中。你不必无所事事，这就是魔力。

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

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

希望更清楚一点。

施洛米。