跳到主要内容

概览

前面板

image.png

后面板

image.png

数据

数据来源:后面板组件输入桩,接收JSON对象

功能说明

组合文本组件用于将JSON对象中的多个属性值一同展示。

从输入桩接收JSON对象,例如

{
"name": "some object",
"properties": {
"layer1": {
"layer2": "layer value"
}
},
"children": [
{ name: "child 1" },
{ name: "child 2" }
]
}

对组合文本组件进行配置,选中组件中的每一个文本,修改其“属性字段”配置项 image.png

示例1:显示对象名称“name”

image.png

示例2:显示 layer2 属性的值。

由于 layer2属性是嵌套属性,在JSON对象的访问中,如需访问到 layer2 属性的值,则会按照

o.properties.layer1.layer2 

(其中o代表JSON对象)的形式书写。

则在配置“属性字段”时,可以填入 properties.layer1.layer2,示例如下: image.png

示例3:显示 children 属性中某一项的值。

children属性是一个数组,可以通过数组下标对其中的某个元素进行访问。如下所示,通过 children[1] 访问到children的第2个数组元素,进而访问其 name 属性。 image.png