amis2/docs-old/renderers/Form/Panel.md
2020-07-28 10:03:53 +08:00

1.2 KiB

Panel(FormItem)

还是为了布局,可以把一部分 FormItem 合并到一个 panel 里面单独展示。

  • title panel 标题
  • body Container 可以是其他渲染模型。
  • bodyClassName body 的 className.
  • footer Container 可以是其他渲染模型。
  • footerClassName footer 的 className.
  • controlsbody 二选一,如果设置了 controls 优先显示表单集合。
{
  "type": "hbox",
  "columns": [
    {
      "controls": [
        {
          "name": "text",
          "type": "text",
          "label": false,
          "placeholder": "Text"
        }
      ]
    },

    {
      "columnClassName": "w-xl",
      "controls": [
        {
          "type": "panel",
          "title": "bla bla",
          "controls": [
            {
              "name": "text",
              "type": "text",
              "label": false,
              "placeholder": "Text 1"
            },

            {
              "name": "text2",
              "type": "text",
              "label": false,
              "placeholder": "Text 2"
            }
          ]
        }
      ]
    }
  ]
}