From e85ea9bfe4197b1796bf915f4d0ccd91036a7a00 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=90=B4=E5=A4=9A=E7=9B=8A?= Date: Mon, 16 Nov 2020 18:50:38 +0800 Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=20combo=20=E7=9A=84=E6=96=87?= =?UTF-8?q?=E6=A1=A3=20(#1073)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/components/form/combo.md | 32 ++++++++++++++++++++++++++++++++ docs/types/definitions.md | 18 +++++++++--------- 2 files changed, 41 insertions(+), 9 deletions(-) diff --git a/docs/components/form/combo.md b/docs/components/form/combo.md index 3b963d724..fa633c048 100755 --- a/docs/components/form/combo.md +++ b/docs/components/form/combo.md @@ -312,6 +312,38 @@ order: 12 } ``` +## 增加层级 + +combo 还有一个作用是增加层级,比如返回的数据是一个深层对象 + +```json +{ + "a": { + "b": "data" + } +} +``` + +如果要用文本框显示,name 必须是 `a.b`,但使用 combo 创建层级后,name 就可以只是 `b`: + +```json +{ + "name": "a", + "type": "combo", + "label": "", + "noBorder": true, + "multiLine": true, + "controls": [ + { + "type": "text", + "name": "b" + } + ] +} +``` + +这样就能结合 [definitions](../../types/definitions#树形结构) 实现无限层级结构。 + ## 唯一验证 可以在配置的`controls`项上,配置`"unique": true`,指定当前表单项不可重复 diff --git a/docs/types/definitions.md b/docs/types/definitions.md index e38e24915..c7fadc42a 100755 --- a/docs/types/definitions.md +++ b/docs/types/definitions.md @@ -1,14 +1,16 @@ --- title: Definitions -description: +description: type: 0 group: ⚙ 组件 menuName: Definitions -icon: +icon: order: 40 --- -`Definitions`建立当前页面公共的配置项,在其他组件中可以通过`$ref`来引用当前配置项中的内容。注意 definitions 只能在顶级节点中定义,定义在其他位置,将引用不到。 +`Definitions`建立当前页面公共的配置项,在其他组件中可以通过`$ref`来引用当前配置项中的内容。 + +> 注意 definitions 只能在顶级节点中定义。 ```schema:height="300" { @@ -37,9 +39,11 @@ order: 40 } ``` -`Definitions` 最大的作用其实是能够实现对数据格式的递归引用。来看这个栗子吧。 +## 树形结构 -```schema:height="600" +`Definitions` 最大的作用其实是能够实现对数据格式的递归引用,实现无限层级编辑: + +```schema:height="800" { "definitions": { "options": { @@ -105,7 +109,3 @@ order: 40 ] } ``` - - - -