Namen von Tabellenüberschriften ändern

In diesem Abschnitt erfahren Sie, wie Sie die Headernamen in einer Tabelle mithilfe des Verfahrens Anpassung nach Konfiguration ändern. In dieser Lerneinheit ändern Sie eine Datei buc-table-config.json , die Tabellenmerkmale definiert.

Für dieses Szenario möchten Sie die Tabelle auf der Seite Positionen verwalten ändern. In der Tabelle möchten Sie die Headernamen Angefordertes Lieferdatum, Stornierungsdatumund Angefordertes Versanddatum in Gewünschtes Lieferdatum, Gewünschtes Beendigungsdatumund Gewünschtes Verfügbarkeitsdatumändern.

Screenshot des Modaldialogs für erweiterte Suche

Hinweis: Dieser Ansatz ist nicht auf Tabellenüberschriften beschränkt. Sie kann verwendet werden, um jede Bezeichnung zu ändern, die Sie in den JSON-Übersetzungsdateien finden. Zur Vereinfachung können alle Bezeichnungsänderungen in einer einzigen angepassten JSON-Datei definiert werden.

Vorgehensweise

Zuerst müssen Sie das Schema in der Datei buc-table-config.json suchen, die der Tabelle entspricht, die Sie ändern müssen.
1. Melden Sie sich bei Order Huban.
2. Öffnen Sie die Registerkarte Konsole des Browsers.
3. Rufen Sie die Seite Positionen verwalten des Ablaufs Bestellung erstellen auf.
  - Wenn Sie in derselben Browsersitzung wie in der vorherigen Lerneinheit fortfahren, fügen Sie der Bestellung einen Artikel hinzu und klicken Sie anschließend auf Next.
  - Wenn Sie eine neue Sitzung starten, rufen Sie Bestellungen > Abgehendauf. Klicken Sie auf Bestellung erstellen und gehen Sie die Schritte durch, bis Sie zur Seite Positionen verwalten gelangen.
4. Wenn Sie zum Leitungen verwalten Seite, überprüfen Sie die Konsole für die letzte Nachricht, die enthält BaseTableComponent.initializeTable.
  Der Schemaname create-orderlinewird angezeigt.
Öffnen Sie die Datei buc-app-order/packages/create-order/src-custom/assets/buc-app-order/buc-table-config.json.

Suchen Sie unter dem Schema create-orderline nach den Tabellenkopfzeilen, die Sie anpassen wollen.

Das folgende Snippet zeigt die drei Header, die Angefordertes Lieferdatum, Stornierungsdatumund Angefordertes Versanddatumentsprechen:

      {
          "id": "deliveryDate",
          "name": "SHARED.GENERAL.LABEL_reqDelDate",
          "sortable": true,
          "sortKey": "ReqDeliveryDate",
          "style": {
            "min-width": "12rem"
          }
      },
      {
          "id": "cancelDate",
          "name": "SHARED.GENERAL.LABEL_cancelDate",
          "sortable": true,
          "sortKey": "ReqCancelDate",
          "style": {
            "min-width": "12rem"
          }
      },
      {
          "id": "requestShipDate",
          "name": "SHARED.GENERAL.LABEL_REQUESTED_SHIPDATE",
          "sortable": true,
          "sortKey": "ReqShipDate",
          "style": {
            "min-width": "12rem"
          }
      }

Der Schlüssel name definiert die Headerzeichenfolge.

Nachdem Sie die Schlüssel kennen, die für den Header verwendet werden, öffnen Sie die Datei packages/create-order/src-custom/assets/custom/i18n/en.json .
Fügen Sie den folgenden Eintrag zur JSON-Datei hinzu, um die angepassten Zeichenfolgen Gewünschtes Zustelldatum, Gewünschtes Beendigungsdatumund Gewünschtes Verfügbarkeitsdatumzu verwenden.
In diesem Lernprogramm wurde das Objekt CREATE_ORDER in der JSON-Datei zu einem früheren Zeitpunkt hinzugefügt. Fügen Sie diesen Code nach CREATE_ORDERhinzu.
```
    "SHARED": {
        "GENERAL": {
          "LABEL_reqDelDate": "Desired delivery date", 
          "LABEL_REQUESTED_SHIPDATE": "Desired availability date",
          "LABEL_cancelDate": "Desired termination date"
        }
    }
```
Laden Sie den Rahmen erneut und rufen Sie die Seite Zeilen verwalten auf, um die Änderungen zu überprüfen.
Sie können nun die aktualisierten Zeichenfolgen in der Tabelle anzeigen.