2019-04-30 11:11:25 +08:00
|
|
|
export default {
|
2019-11-07 10:41:14 +08:00
|
|
|
type: 'page',
|
|
|
|
title: '表单选线的联动',
|
|
|
|
body: {
|
|
|
|
type: 'form',
|
|
|
|
mode: 'horizontal',
|
|
|
|
title: '',
|
|
|
|
actions: [],
|
|
|
|
controls: [
|
|
|
|
'<p class="text-danger">表单选项内也能联动,通过配置 visibleOn、hiddenOn或者disabledOn</p>',
|
|
|
|
{
|
|
|
|
type: 'divider'
|
|
|
|
},
|
2019-04-30 11:11:25 +08:00
|
|
|
|
2019-11-07 10:41:14 +08:00
|
|
|
{
|
|
|
|
label: '选项1',
|
|
|
|
type: 'list',
|
|
|
|
multiple: false,
|
|
|
|
labelClassName: 'text-muted',
|
|
|
|
name: 'a',
|
|
|
|
inline: true,
|
|
|
|
options: [
|
|
|
|
{
|
|
|
|
label: '选项1',
|
|
|
|
value: 1
|
|
|
|
},
|
2019-04-30 11:11:25 +08:00
|
|
|
|
2019-11-07 10:41:14 +08:00
|
|
|
{
|
|
|
|
label: '选项2',
|
|
|
|
value: 2
|
|
|
|
},
|
2019-04-30 11:11:25 +08:00
|
|
|
|
2019-11-07 10:41:14 +08:00
|
|
|
{
|
|
|
|
label: '选项3',
|
|
|
|
value: 3
|
|
|
|
}
|
|
|
|
]
|
|
|
|
},
|
2019-04-30 11:11:25 +08:00
|
|
|
|
2019-11-07 10:41:14 +08:00
|
|
|
{
|
|
|
|
label: '选项2',
|
|
|
|
type: 'radios',
|
|
|
|
labelClassName: 'text-muted',
|
|
|
|
name: 'b',
|
|
|
|
inline: true,
|
|
|
|
options: [
|
|
|
|
{
|
|
|
|
label: '选项1',
|
|
|
|
value: 1,
|
|
|
|
disabledOn: 'data.a == 1'
|
|
|
|
},
|
2019-04-30 11:11:25 +08:00
|
|
|
|
2019-11-07 10:41:14 +08:00
|
|
|
{
|
|
|
|
label: '选项2',
|
|
|
|
value: 2,
|
|
|
|
hiddenOn: 'data.a == 2'
|
|
|
|
},
|
2019-04-30 11:11:25 +08:00
|
|
|
|
2019-11-07 10:41:14 +08:00
|
|
|
{
|
|
|
|
label: '选项3',
|
|
|
|
value: 3,
|
|
|
|
visibleOn: 'data.a == 3'
|
|
|
|
}
|
2019-04-30 11:11:25 +08:00
|
|
|
]
|
2019-11-07 10:41:14 +08:00
|
|
|
}
|
|
|
|
]
|
|
|
|
}
|
|
|
|
};
|