2012-03-19 74 views
0

我想在多個選項卡面板上拆分表格以避免(很長)的表格(迫使用戶滾動很多以填充每個字段)。sencha touch 2.0:如何在選項卡面板上拆分表格

目前,我使用字段集分組字段,但我想將各個字段放在單獨的選項卡中。

有沒有辦法做到這一點?

感謝

回答

2

其實,這僅僅是可以添加的「FormPanel中內部有一個「一個tabpanel」 ',並且字段值仍然可以訪問(當使用getValues()或submit()時)...

夠簡單;)

1

是,創建一個標籤面板,並把每個相應的字段(S)在其自己的標籤

Ext.create('Ext.TabPanel', { 
    fullscreen: true, 
    tabBarPosition: 'bottom', 

    defaults: { 
     styleHtmlContent: true 
    }, 

    items: [ 
     { 
      title: 'Tab1', 
      html: 'Tab 1', 
      items:[{ 
       xtype:'textfield', 
       fieldLabel:'Name' 
      }] 
     }, 
     { 
      title: 'Tab2', 
      html: 'Tab 2', 

      items:[{ 
       xtype:'textfield', 
       fieldLabel:'Date' 
      }] 
     } 
    ] 
});