mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-02 12:08:13 +08:00
94 lines
3.2 KiB
JavaScript
94 lines
3.2 KiB
JavaScript
export default {
|
|
$schema: "https://houtai.baidu.com/v2/schemas/page.json#",
|
|
title: "显隐切换示例",
|
|
body: [
|
|
{
|
|
name: "hiddenOn",
|
|
type: "form",
|
|
mode: "horizontal",
|
|
api: "/api/mock2/saveForm?waitSeconds=2",
|
|
title: "Hide On 和 disabledOn 示例",
|
|
controls: [
|
|
{
|
|
type: "radios",
|
|
name: "type",
|
|
label: "类型选择",
|
|
inline: true,
|
|
value: "1",
|
|
options: [
|
|
{
|
|
label: "类型 1",
|
|
value: "1"
|
|
},
|
|
{
|
|
label: "类型 2",
|
|
value: "2"
|
|
},
|
|
{
|
|
label: "类型 3",
|
|
value: "3"
|
|
}
|
|
],
|
|
description: '<span class="text-danger">请切换类型来看效果</span>'
|
|
},
|
|
{
|
|
type: "text",
|
|
label: "所有可见",
|
|
name: "text1"
|
|
},
|
|
{
|
|
type: "text",
|
|
label: "类型2 可见",
|
|
hiddenOn: "data.type != 2",
|
|
name: "text2"
|
|
},
|
|
{
|
|
type: "text",
|
|
label: "类型3 不可点",
|
|
disabledOn: "data.type == 3",
|
|
name: "text3"
|
|
},
|
|
{
|
|
type: "text",
|
|
required: true,
|
|
label: "必填字段",
|
|
name: "test4"
|
|
},
|
|
{
|
|
type: "button-toolbar",
|
|
buttons: [
|
|
{
|
|
type: "submit",
|
|
disabledOn: "data.type == 1",
|
|
label: "类型1不可点"
|
|
},
|
|
{
|
|
type: "reset",
|
|
label: "类型3出现且不可点",
|
|
visibleOn: "data.type == 3",
|
|
disabledOn: "data.type == 3",
|
|
},
|
|
{
|
|
type: "button",
|
|
label: "Baidu",
|
|
href: "http://www.baidu.com?a=1&b=$test4"
|
|
},
|
|
{
|
|
type: "button",
|
|
actionType: "ajax",
|
|
label: "No Submit",
|
|
action: "/api/mock2/saveForm?waitSeconds=5"
|
|
},
|
|
{
|
|
type: "submit",
|
|
actionType: "ajax",
|
|
label: "Submit",
|
|
action: "/api/mock2/saveForm?waitSeconds=5"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
};
|