amis/examples/components/Linkage/OptionsLocal.jsx

69 lines
1.3 KiB
React
Raw Normal View History

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