amis2/docs/zh-CN/components/form/anchor-nav.md
hsm-lv 72d7b1b663
feat:add AnchorNav Component (#1656)
* feat:add Elevator Component

* feat:add Elevator Component

* feat:remove Elevator and add Anchor Component

* feat:add AnchorNav Component
2021-03-16 13:13:11 +08:00

3.0 KiB

title description type group menuName icon order
AnchorNav 锚点导航 0 null AnchorNav 锚点导航 53

有多组表单输入框时,可以通过锚点导航来分组,方便定位查看。

基本用法

{
  "type": "form",
  "controls": [
    {
      "type": "anchor-nav",
      "links": [
        {
          "title": "员工基本信息",
          "controls": [
            {
                "type": "fieldSet",
                "title": "员工基本信息",
                "controls": [
                    {
                    "name": "name",
                    "type": "text",
                    "label": "用户名"
                    },

                    {
                    "name": "age",
                    "type": "text",
                    "label": "年龄"
                    }
                ]
                }
          ]
        },

        {
          "title": "在职信息",
          "controls": [
            {
                "type": "fieldSet",
                "title": "在职信息",
                "controls": [
                    {
                    "name": "home",
                    "type": "text",
                    "label": "居住地址"
                    },

                    {
                    "name": "address",
                    "type": "text",
                    "label": "工作地址"
                    }
                ]
            }
          ]
        },

        {
          "title": "教育经历",
          "controls": [
            {
                "type": "fieldSet",
                "title": "教育经历",
                "controls": [
                    {
                    "name": "school1",
                    "type": "text",
                    "label": "经历1"
                    },
                    {
                    "name": "school2",
                    "type": "text",
                    "label": "经历2"
                    },
                    {
                    "name": "school2",
                    "type": "text",
                    "label": "经历2"
                    }
                ]
            }
          ]
        },

        {
          "title": "紧急联系人信息",
          "controls": [
            {
                "type": "fieldSet",
                "title": "紧急联系人信息",
                "controls": [
                    {
                    "name": "contact1",
                    "type": "text",
                    "label": "联系人1"
                    },
                    {
                    "name": "contact2",
                    "type": "text",
                    "label": "联系人2"
                    },
                    {
                    "name": "contact3",
                    "type": "text",
                    "label": "联系人3"
                    }
                ]
            }
          ]
        }
      ]
    }
  ]
}

更多功能

请参考这里

属性表

请参考这里