Cambio de nombres de cabecera de tabla

Aprenda a cambiar los nombres de cabecera en una tabla utilizando la técnica de personalización por configuración . En esta lección, modificará un archivo buc-table-config.json que define las características de la tabla.

Para este escenario, desea modificar la tabla en la página Gestionar líneas . En la tabla, desea cambiar los nombres de cabecera Fecha de entrega solicitada, Fecha de cancelacióny Fecha de envío solicitada a Fecha de entrega deseada, Fecha de terminación deseaday Fecha de disponibilidad deseada.

Una captura de pantalla del modal de búsqueda avanzada

Nota: Este enfoque no se limita a las cabeceras de tabla. Se puede utilizar para cambiar cualquier etiqueta que pueda encontrar en los archivos JSON de traducción. Para su comodidad, todos los cambios de etiqueta se pueden definir en un único archivo JSON personalizado.

Procedimiento

En primer lugar, debe encontrar el esquema en el archivo buc-table-config.json que corresponde a la tabla que necesita modificar.
1. Inicie sesión en Order Hub.
2. Abra la pestaña Consola del navegador.
3. Vaya a la página Gestionar líneas del flujo Crear pedido .
  - Si continúa en la misma sesión de navegador que la lección anterior, añada un elemento al pedido y, a continuación, pulse Siguiente.
  - Si está iniciando una nueva sesión, vaya a Pedidos > Salida. Pulse Crear pedido y siga los pasos hasta llegar a la página Gestionar líneas .
4. Cuando llegues al Administrar líneas página, consulte la Consola para el último mensaje que incluye BaseTableComponent.initializeTable.
  Puede ver el nombre de esquema create-orderline.
Abra el archivo buc-app-order/packages/create-order/src-custom/assets/buc-app-order/buc-table-config.json.

En el esquema create-orderline , busque las cabeceras de tabla que desea personalizar.

El fragmento de código siguiente muestra las tres cabeceras que corresponden a Fecha de entrega solicitada, Fecha de cancelacióny Fecha de envío solicitada:

      {
          "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"
          }
      }

La clave name define la serie de cabecera.

Ahora que conoce las claves que se utilizan para la cabecera, abra el archivo packages/create-order/src-custom/assets/custom/i18n/en.json .
Añada la entrada siguiente al archivo JSON para utilizar las series personalizadas Fecha de entrega deseada, Fecha de terminación deseaday Fecha de disponibilidad deseada.
Esta guía de aprendizaje ha añadido el objeto CREATE_ORDER en el archivo JSON anteriormente, por lo que debe añadir este código después de CREATE_ORDER.
```
    "SHARED": {
        "GENERAL": {
          "LABEL_reqDelDate": "Desired delivery date", 
          "LABEL_REQUESTED_SHIPDATE": "Desired availability date",
          "LABEL_cancelDate": "Desired termination date"
        }
    }
```
Vuelva a cargar el marco y vaya a la página Gestionar líneas para verificar los cambios.
Ahora puede ver las series actualizadas en la tabla.