mirror of
https://gitee.com/baidu/amis.git
synced 2024-11-29 18:48:45 +08:00
107 lines
2.0 KiB
JavaScript
107 lines
2.0 KiB
JavaScript
export default {
|
|
type: 'page',
|
|
title: '表单选项的联动',
|
|
body: {
|
|
type: 'form',
|
|
mode: 'horizontal',
|
|
title: '',
|
|
actions: [],
|
|
debug: true,
|
|
body: [
|
|
'<p class="text-danger">表单选项内也能联动，通过配置 visibleOn、hiddenOn或者disabledOn</p>',
|
|
{
|
|
type: 'divider'
|
|
},
|
|
|
|
{
|
|
label: '选项1',
|
|
type: 'list-select',
|
|
multiple: false,
|
|
labelClassName: 'text-muted',
|
|
name: 'a',
|
|
inline: true,
|
|
options: [
|
|
{
|
|
label: '选项1',
|
|
value: 1
|
|
},
|
|
|
|
{
|
|
label: '选项2',
|
|
value: 2
|
|
},
|
|
|
|
{
|
|
label: '选项3',
|
|
value: 3
|
|
}
|
|
]
|
|
},
|
|
|
|
{
|
|
label: '选项级别联动',
|
|
type: 'radios',
|
|
labelClassName: 'text-muted',
|
|
name: 'b',
|
|
inline: true,
|
|
selectFirst: true,
|
|
options: [
|
|
{
|
|
label: '选项1',
|
|
value: 1,
|
|
disabledOn: 'data.a == 1'
|
|
},
|
|
|
|
{
|
|
label: '选项2',
|
|
value: 2,
|
|
hiddenOn: 'data.a == 2'
|
|
},
|
|
|
|
{
|
|
label: '选项3',
|
|
value: 3,
|
|
visibleOn: 'data.a == 3'
|
|
}
|
|
]
|
|
},
|
|
|
|
{
|
|
label: '组件级别联动',
|
|
type: 'radios',
|
|
labelClassName: 'text-muted',
|
|
name: 'b',
|
|
inline: true,
|
|
selectFirst: true,
|
|
visibleOn: 'data.a == 1',
|
|
options: [
|
|
{
|
|
label: '选项1',
|
|
value: 1
|
|
}
|
|
]
|
|
},
|
|
|
|
{
|
|
label: '选项级别联动',
|
|
type: 'radios',
|
|
labelClassName: 'text-muted',
|
|
name: 'b',
|
|
inline: true,
|
|
selectFirst: true,
|
|
visibleOn: 'data.a == 2',
|
|
options: [
|
|
{
|
|
label: '选项1',
|
|
value: 1
|
|
},
|
|
{
|
|
label: '选项2',
|
|
value: 2
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
};
|