mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-06 05:49:32 +08:00
61 lines
1.3 KiB
JavaScript
61 lines
1.3 KiB
JavaScript
export default {
|
|
type: 'page',
|
|
title: '表单选线之间的远程联动',
|
|
body: {
|
|
type: 'form',
|
|
mode: 'horizontal',
|
|
title: '',
|
|
actions: [],
|
|
controls: [
|
|
'<p class="text-danger">表单选项可以设置 source 通过 API 远程拉取,同时如果 source 中有变量的话,变量值发生变化就会重新拉取,达到联动效果。</p>',
|
|
{
|
|
type: 'divider'
|
|
},
|
|
|
|
{
|
|
label: '选项1',
|
|
type: 'select',
|
|
labelClassName: 'text-muted',
|
|
name: 'a',
|
|
inline: true,
|
|
options: [
|
|
{
|
|
label: '选项1',
|
|
value: 1
|
|
},
|
|
|
|
{
|
|
label: '选项2',
|
|
value: 2
|
|
},
|
|
|
|
{
|
|
label: '选项3',
|
|
value: 3
|
|
}
|
|
]
|
|
},
|
|
|
|
{
|
|
label: '选项2',
|
|
type: 'select',
|
|
labelClassName: 'text-muted',
|
|
name: 'b',
|
|
inline: true,
|
|
source: '/api/mock2/options/level2?a=${a}',
|
|
initFetchOn: 'data.a'
|
|
},
|
|
|
|
{
|
|
label: '选项3',
|
|
type: 'select',
|
|
labelClassName: 'text-muted',
|
|
name: 'c',
|
|
inline: true,
|
|
visibleOn: 'data.b',
|
|
source: '/api/mock2/options/level3?b=${b}'
|
|
}
|
|
]
|
|
}
|
|
};
|