mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-15 17:31:18 +08:00
91 lines
3.1 KiB
JavaScript
91 lines
3.1 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"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
};
|