amis2/examples/components/Form/FieldSetInTabs.jsx

116 lines
3.0 KiB
React
Raw Normal View History

2019-04-30 11:11:25 +08:00
export default {
2019-11-07 10:41:14 +08:00
title: 'FieldSet In Tabs',
remark: '',
body: {
type: 'form',
body: [
2019-11-07 10:41:14 +08:00
{
type: 'tabs',
collapsable: true,
tabs: [
2019-11-07 10:41:14 +08:00
{
title: 'Tab A',
body: [
2019-11-07 10:41:14 +08:00
{
type: 'fieldset',
body: [
{
type: 'tabs',
title: 'Group A',
tabs: [
{
title: 'SubTab A',
body: [
{
name: 'a',
type: 'input-text',
label: 'Text'
},
{
name: 'a',
type: 'input-text',
label: 'Text'
}
]
},
{
title: 'SubTab B',
body: [
{
name: 'a',
type: 'input-text',
label: 'Text'
},
{
name: 'a',
type: 'input-text',
label: 'Text'
}
]
}
]
},
{
type: 'tabs',
title: 'Group B',
body: [
{
name: 'a',
type: 'input-text',
label: 'Text'
},
{
name: 'a',
type: 'input-text',
label: 'Text'
}
]
}
]
}
]
},
{
title: 'Tab B',
body: [
{
type: 'fieldset',
title: 'Group A',
body: [
2019-11-07 10:41:14 +08:00
{
name: 'a',
type: 'input-text',
2019-11-07 10:41:14 +08:00
label: 'Text'
},
{
name: 'a',
type: 'input-text',
2019-11-07 10:41:14 +08:00
label: 'Text'
}
2019-04-30 11:11:25 +08:00
]
2019-11-07 10:41:14 +08:00
},
{
type: 'fieldset',
title: 'Group B',
body: [
2019-11-07 10:41:14 +08:00
{
name: 'a',
type: 'input-text',
2019-11-07 10:41:14 +08:00
label: 'Text'
},
{
name: 'a',
type: 'input-text',
2019-11-07 10:41:14 +08:00
label: 'Text'
}
2019-04-30 11:11:25 +08:00
]
2019-11-07 10:41:14 +08:00
}
]
}
]
}
]
}
2019-04-30 11:11:25 +08:00
};