sencha touch 2.0:如何跨选项卡面板分割表单

时间:2012-03-19 09:42:35

标签: forms sencha-touch sencha-touch-2

我想将表单拆分到多个选项卡面板以避免(非常)长形式(强制用户滚动很多以填充每个字段)。

目前,我使用字段集对字段进行分组,但我想将各个字段放在单独的标签中。

有办法吗?

由于

2 个答案:

答案 0 :(得分:2)

实际上,可以在'formpanel'中添加'tabpanel',并且仍然可以访问字段值(使用getValues()或submit()时)...

足够简单;)

答案 1 :(得分: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'
            }]
        }
    ]
});