Forms sencha touch 2.0：如何跨选项卡面板拆分表单

我想将一个表单拆分为几个选项卡面板，以避免（非常）长的表单（迫使用户大量滚动以填充每个字段）

目前，我使用字段集对字段进行分组，但我想将各个字段放在单独的选项卡中

有办法吗

---

谢谢

是的，创建一个选项卡面板，并将每个字段放在自己的选项卡中

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

---

是，创建一个选项卡面板，并将每个字段放在自己的选项卡中

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

---

实际上，只需在“formpanel”中添加一个“tabpanel”，字段值仍然可以访问（使用getValues（）或submit（）时）

---

很简单；）

实际上，只需在“formpanel”中添加一个“tabpanel”，字段值仍然可以访问（使用getValues（）或submit（）时）

很简单；）