Adición de una acción a la tabla de resultados de búsqueda de inventario

Aprenda a añadir una acción a una tabla utilizando el enfoque personalización por configuración . En esta lección, modificará un archivo buc-table-config.json que define las características de la tabla.

Procedimiento

  1. Cree un archivo buc-table-config.json en el directorio packages/inventory-search-results/src-custom/assets/custom/ .
  2. Es necesario encontrar el esquema en el archivo buc-table-config.json predeterminado que corresponde a la tabla que debe modificar.
    1. Inicie sesión en Order Hub.
    2. Abra la pestaña Consola del navegador.
    3. Pulse Inventario en el menú.
    4. Ejecute una búsqueda para encontrar el inventario.
    5. Cuando llegue a la página de resultados de la búsqueda de inventario, busque en la consola el último mensaje que incluya BaseTableComponent.initializeTable.
      Puede encontrar el nombre de esquema inv-search-result-table.
      Una captura de pantalla de la consola con el nombre de esquema inv-search-result-table resaltado con un recuadro rojo
  3. Abra el archivo buc-app-inventory/packages/inventory-search-results/src-custom/assets/buc-app-inventory/buc-table-config.json .
  4. Copie el esquema inv-search-result-table, incluyendo el overflowMenuActions, en el archivo packages/inventory-search-results/src-custom/assets/custom/buc-table-config.json.
    Sólo necesita incluir overflowMenuActions porque el menú de desbordamiento es la única parte de la tabla que necesita personalizar. Asegúrese de que el código se parezca al fragmento de código siguiente.
    {
    "inv-search-result-table": {
        "name": "inv-search-result-table",
        "overflowMenuActions": [
        ]
    }
}
  5. Añada el código siguiente en la matriz overflowMenuActions . Aquí está añadiendo una nueva acción en el menú de desbordamiento de la tabla Resultados de búsqueda de inventario .
    {
  "id": "createReservation",
  "label": "custom.LABEL_CREATE_RESERVATION",
  "resourceId": "CUSINV0001AT0001",
  "metadata": {
    "custom": "true",
    "actionTargetType": "internal",
    "actionTarget": "/buc-app-inventory/inventory-search-results/inventory/create-reservation",
    "contextColumnIds": "name"
  }
}
    Captura de pantalla del archivo buc-table-config.json
    Nota:
    • Asegúrese de que los valores de contextColumnIds incluyen lo que se utiliza en su organización. Además, verifique si estas columnas de tabla están visibles en Order Hub.
    • resourceId es un ID de recurso personalizado que puede utilizar para definir qué grupos de usuarios tienen permiso para utilizar esta acción.
  6. En Application Console, cree el recurso personalizado que ha definido en el paso anterior ("resourceId": "CUSINV0001AT0001",)
    Para obtener más información sobre cómo crear un recurso personalizado, consulte "Paso 1" en Creación de permisos de recursos para páginas y acciones personalizadas. Asegúrese de establecer el ID de recurso en CUSINV0001AT0001.
    Captura de pantalla del Gestor de aplicaciones de canal con una nueva entidad para la acción Crear reserva
  7. Actualice los grupos de usuarios personalizados para otorgar permiso para utilizar la acción Crear reserva . Para obtener más información, consulte Definición de permisos de recursos para Order Hub.
    Captura de pantalla del módulo de permisos de Order Hub con una nueva entidad para la acción Crear reserva
  8. Añadir series de conversión para la acción Crear reserva .
    1. Cree una carpeta i18n bajo 'buc-app-inventory/packages/inventory-search-results/src-custom/assets/custom'.
    2. Cree un archivo en.json bajo 'buc-app-order/packages/create-order/src-custom/assets/custom/i18n'.
      El archivo en.json incluye las series literales en inglés que se van a visualizar en la interfaz de usuario. Puede añadir series traducidas creando otros archivos JSON. Asigne un nombre a los archivos basándose en los códigos de idioma ISO-639 . Por ejemplo, fr.json para series en francés.
    3. Pegue el siguiente contenido JSON en el archivo en.json . Esta etiqueta se utiliza para la nueva acción Crear reserva que añadirá a la tabla Resultados de búsqueda de inventario .
      {
  "custom": {
  "LABEL_CREATE_RESERVATION":"Create reservation"
  }
}
  9. Configure Order Hub para representar el módulo buc-app-inventory desde el kit de herramientas del desarrollador.
    Para obtener más información, consulte Prueba de personalizaciones de módulos existentes en Order Hub.
  10. Verifique que la nueva acción de tabla se muestra en Order Hub
    1. Inicie sesión en Order Hub. Si ha iniciado sesión, vuelva a cargar el bastidor.
    2. Pulse Inventario (modalidad DEV) y ejecute una búsqueda para obtener la página Resultados de búsqueda de inventario .
    3. Pulse los tres puntos al final de la fila para abrir el menú de desbordamiento.
      Ahora puede ver la acción Crear reserva en el menú.
      Se abre una captura de pantalla del menú de desbordamiento en la página de resultados de búsqueda de inventario. El menú muestra la acción personalizada Crear reserva.