Sencha Touch 2.0: как разделить форму на панели вкладок

Question

Я бы хотел разделить форму по нескольким панелям вкладок, чтобы избежать (очень) длинной формы (заставляющей пользователя довольно много прокручивать, чтобы заполнить каждое поле).

На данный момент я использую наборы полей для группировки полей, но я бы хотел поместить соответствующие поля в отдельные вкладки.

Есть ли способ сделать это?

Спасибо

Answer 1

На самом деле, просто можно добавить 'tabpanel' внутри 'formpanel', и значения полей по-прежнему будут доступны (при использовании getValues ​​() или submit ()) ...

Достаточно просто;)

Answer 2

Да, создать панель вкладок и поместить каждое соответствующее поле (я) в отдельную вкладку

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