mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-02 20:09:08 +08:00
92 lines
2.4 KiB
JavaScript
92 lines
2.4 KiB
JavaScript
export default {
|
|
$schema: 'https://houtai.baidu.com/v2/schemas/page.json#',
|
|
title: '动态拉取选项',
|
|
name: 'page-form-remote',
|
|
body: [
|
|
{
|
|
type: 'form',
|
|
title: '动态表单元素示例',
|
|
name: 'demo-form',
|
|
api: '/api/mock2/form/saveForm?waitSeconds=2',
|
|
mode: 'horizontal',
|
|
actions: [
|
|
{
|
|
type: 'submit',
|
|
label: '提交'
|
|
}
|
|
],
|
|
controls: [
|
|
{
|
|
name: 'select',
|
|
type: 'select',
|
|
label: '动态选项',
|
|
source: '/api/mock2/form/getOptions?waitSeconds=1',
|
|
description: '通过接口一口气拉取选项',
|
|
clearable: true,
|
|
searchable: true
|
|
},
|
|
{
|
|
type: 'divider'
|
|
},
|
|
{
|
|
name: 'select2',
|
|
type: 'select',
|
|
label: '选项自动补全',
|
|
autoComplete: '/api/mock2/options/autoComplete?term=$term',
|
|
placeholder: '请输入',
|
|
description: '通过接口自动补全'
|
|
},
|
|
{
|
|
type: 'divider'
|
|
},
|
|
{
|
|
type: 'text',
|
|
name: 'text',
|
|
label: '文本提示',
|
|
source: '/api/mock2/form/getOptions?waitSeconds=1',
|
|
placeholder: '请选择'
|
|
},
|
|
{
|
|
type: 'divider'
|
|
},
|
|
{
|
|
name: 'text2',
|
|
type: 'text',
|
|
label: '文本自动补全',
|
|
clearable: true,
|
|
autoComplete: '/api/mock2/options/autoComplete2?term=$term',
|
|
description: '通过接口自动补全'
|
|
},
|
|
{
|
|
name: 'chained',
|
|
type: 'chained-select',
|
|
label: '级联选项',
|
|
source:
|
|
'/api/mock2/options/chainedOptions?waitSeconds=1&parentId=$parentId&level=$level&maxLevel=4&waiSeconds=1',
|
|
desc:
|
|
'无限级别, 只要 api 返回数据就能继续往下选择. 当没有下级时请返回 null.',
|
|
value: 'a,b'
|
|
},
|
|
{
|
|
type: 'divider'
|
|
},
|
|
{
|
|
name: 'tree',
|
|
type: 'tree',
|
|
label: '动态树',
|
|
source: '/api/mock2/options/tree?waitSeconds=1'
|
|
},
|
|
{
|
|
type: 'divider'
|
|
},
|
|
{
|
|
name: 'matrix',
|
|
type: 'matrix',
|
|
label: '动态矩阵开关',
|
|
source: '/api/mock2/options/matrix?waitSeconds=1'
|
|
}
|
|
]
|
|
}
|
|
]
|
|
};
|