Komponente „Felder auswählen“¶
Übersicht¶
Mit der Komponente „Felder auswählen“ kann ein Benutzer eine Reihe von Feldern aus einer Liste angeben. Ihr muss eine Listenobjektkomponente vorangestellt werden in einem vorherigen Schritt, um der Komponente Daten bereitzustellen.
Komponenten-JSON¶
{
"name": "select-fields-page",
"type": "pagination",
"children": [
{
"name": "select-field",
"type": "select-fields",
"widgetHint": "component:connector/select-fields",
"use": {
"ui": {
"actionTitle": "Update Keys",
"actionMessage": "The following columns are currently used as update keys"
}
}
}
]
}
Im JSON, das die select-fields
können diese Eigenschaften konfiguriert werden:
type
: Der Listenobjektkomponententyp muss"select-fields"
.widgetHint
: Die Filter Builder-KomponentewidgetHint
muss sein"component:connector/select-fields"
.actionTitle
: Der Titel, der über der Komponente angezeigt wird. Standardmäßig ist es leer (''
) Titel.actionMessage
: Eine Meldung, die zwischen dem Titel und der Komponente erscheint. Standardmäßig ist ein leeres (''
) Nachricht.
Komponentenausgabe¶
Die Auswahlfelder geben dem Connector ihre Ausgabe als Objekt in Form einer JSON-Zeichenfolge mit drei Feldern zurück:
objectId
: Die ID des Objekts.allFields
: Ein Array von Objekten, das jedes in der Benutzeroberfläche angezeigte Feld enthält.selectedFields
: Ein Array, das die Namen der ausgewählten Felder enthält. Dieses Array kann leer sein.
Als JSON gerendert, hier ist eine Beispielausgabe der obigen Komponente „Felder auswählen“:
{
"objectId": "CALL_CENTER",
"allFields": [
{
"name": "CC_CALL_CENTER_ID",
"displayName": "CC_CALL_CENTER_ID",
"selected": false,
"node": {
"N": "CC_CALL_CENTER_ID",
"T": "VARCHAR(16)",
"D": "",
"PN": "CALL_CENTER",
"MN": 0,
"MX": 1,
"NS": "",
"O": {
"isFilterable": "true"
}
}
},
. . .
{
"name": "CC_ZIP",
"displayName": "CC_ZIP",
"selected": false,
"node": {
"N": "CC_ZIP",
"T": "VARCHAR(10)",
"D": "",
"PN": "CALL_CENTER",
"MN": 0,
"MX": 1,
"NS": "",
"O": {
"isFilterable": "true"
}
}
}
],
"selectedFields": [
"CC_CALL_CENTER_SK",
"CC_CITY"
]
}