2012-03-19 9 views
0

(非常に)長いフォームを避けるために、フォームをいくつかのタブパネルに分割したいと思います(すべてのフィールドを埋めるためにスクロールすることを強要します)。sencha touch 2.0:タブパネル間でフォームを分割する方法

現時点では、フィールドセットを使用してフィールドをグループ化していますが、それぞれのフィールドを別々のタブに入れたいと思います。

これを行う方法はありますか?

おかげ

答えて

2

をそれぞれのフィールド(複数可)を入れたが、実際、formpanel内の「タブパネル」を追加するだけで可能です')、フィールド値は引き続きアクセス可能です(getValues()またはsubmit()を使用する場合)...

シンプルです)

1

はい、タブパネルを作成し、独自のタブに

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' 
      }] 
     } 
    ] 
}); 
関連する問題