amis2/docs/renderers/Drawer.md
2019-07-16 00:12:54 +08:00

2.4 KiB

Drawer

Drawer 由 Action 触发。

属性名 类型 默认值 说明
type string "drawer" 指定为 Drawer 渲染器
title string 或者 Container 弹出层标题
body Container 往 Drawer 内容区加内容
size string 指定 Drawer 大小,支持: xssmmdlg
bodyClassName string modal-body Drawer body 区域的样式类名
closeOnEsc boolean false 是否支持按 Esc 关闭 Drawer
closeOnOutside boolean false 点击内容区外是否关闭 Drawer
overlay boolean true 是否显示蒙层
resizable boolean false 是否可通过拖拽改变 Drawer 大小
actions Array Of Action 可以不设置,默认只有【确认】和【取消】两个按钮。
data object 用于数据映射,如果不设定将默认将触发按钮的上下文中继承数据。用法同 api 中的 data 用法
{
  "body": {
    "label": "弹出",
    "type": "button",
    "level": "primary",
    "actionType": "drawer",
    "drawer": {
      "title": "表单设置",
      "body": {
        "type": "form",
        "api": "/api/mock2/form/saveForm?waitSeconds=1",
        "controls": [
          {
            "type": "text",
            "name": "text",
            "label": "文本"
          }
        ]
      }
    }
  }
}