inputType "container" を用いて、複数の入力フィールドをグループ化することができる。
これにより、設定可能な異なる側面を分離することで、設定パネルが視覚的に明確になります。例えば、あるグループにはUI設定オプション(タイトル、ボタン、画像)を、別のグループにはコンポーネントの実際の機能を設定することができます。
同時に、グループ化機能には、ユーザーが要素のグループを複製できるオプションが付属しており、これにより、設定可能な要素の量をダイナミックに設定できるオプションが作成されます。
具体的な属性の一部を紹介します。
- containerGroupを指定する。 この属性は、異なるタイプのグループを区別するために使用する。これは、ワークフローのマークアップでコンテナを反復する際に使用することができる。
- 繰り返し使用可能です。 ユーザーがグループのコピーを作成し、別々に変更できるようにします。この方法で、繰り返し可能な要素を実装することができます
- 折りたたみ可能。 コンテナをコンフィグから削除できるかどうか。コピーされたコンテナには自動的に設定される(repeatable参照)ので、ベースコンテナには使用しないこと。
- editable。 コンテナのタイトルを変更できるようにするかどうか
"base_sensor": {
"title": "Sensor 1",
"inputType": "container",
"containerGroup": "sensors",
"repeatable": true,
"collapsible": true,
"deleteable": false,
"editable": true,
"value": {
"sensor_shown": {
"title": "Value Shown",
"inputType": "checkbox-input",
"value": false,
"showIfComputed": true
},
"sensor_type": {
"inputType": "file-upload",
"title": "Icon",
"accept": "image/png",
"multiple": false,
"value": "",
"showIfComputed": true
},
"sensor_unit": {
"title": "Unit",
"inputType": "textinput",
"value": "rpm",
"showIfComputed": true
},
"sensor_json_path": {
"title": "JSON Path ",
"inputType": "textinput",
"value": "rpm",
"showIfComputed": true
}
},
"showIfComputed": true,
"container_editing": false,
"container_opened": true
}