2011-11-28 82 views
0

我已经编写了以下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?

+1

cls必须在你的css文件中指定。我认为你需要一个iconCls而不是cls参数。在sencha css文件中指定了一些内置的iconCls。例如iconCls:'家'将提供homebutton图标图标到您的选项卡 – heyjii

+0

您的示例只是从厨房水槽源应用程序剪切和粘贴!请访问www.sencha.com/learn,了解如何编写应用程序! –

+0

感谢您的链接。我只是很急,所以仔细阅读并放下它! – Smitha

回答

0

你不需要创建任何东西。这些只是一个配置选项。

Sencha代码将为ya生成HTML,并在您的代码中使用apear类名。你不必做任何事情,那就是魔法。

Sencha是一个为ya填充HTML的框架。您可以定义对象,而Sencha依次生成包含您要在JS文件中定义的所有属性的HTML:高度,宽度,类别,ID等

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

希望清楚的事情多一点。

Shlomi。

相关问题