Guía de aprendizaje: Personalización de la acción Planificar orden

En esta guía de aprendizaje, aprenderá a personalizar una aplicación Order Hub existente para personalizar la acción Planificar pedidos.

El método de personalización por código se utiliza en esta guía de aprendizaje, donde:
  • El enfoque de personalización diferencial se utiliza para identificar los puntos de ampliación existentes disponibles en el modal de orden de planificación.
  • El enfoque de personalización por alteraciones temporales se utiliza para modificar una acción de tabla existente alterando temporalmente sólo la clase de servicio de acción. Las alteraciones temporales se utilizan porque la guía de aprendizaje toma el control de una acción de tabla existente en lugar de añadir una nueva.

Supongamos que su empresa necesita personalizar la acción Planificar pedidos de Order Hub. En el flujo de proceso de pedidos de la empresa, desea permitir que los usuarios especifiquen manualmente una nota para explicar el motivo de sus selecciones de planificación a medida que planifican determinados pedidos.

Objetivos de aprendizaje

  • Cómo personalizar páginas en la aplicación Pedidos.
  • Cómo modificar una acción de tabla existente alterando sólo la clase de servicio de acción.
  • Cómo añadir elementos adicionales en un modal y encadenar algunas llamadas de API de fondo desde la interfaz de usuario.
  • Cómo llamar a una API OMS.

Tiempo necesario

Esta guía de aprendizaje debe tardar aproximadamente 60 minutos en finalizar. Si explora otros conceptos relacionados con esta guía de aprendizaje, puede tardar más tiempo en completarse.

Nivel de habilidad

Principiante

Audiencia

Desarrolladores que desean personalizar Order Hub.

Requisitos previos

Resultados previstos

Cuando un usuario pulsa Planificar en la tabla de resultados de búsqueda de pedidos, aparece un modal. En el modal, ahora tendrá una nueva sección "Añadir nota" con los campos siguientes:

  • Selector de fechas para elegir una fecha para ponerse en contacto con el cliente.
  • Selector de tiempo para elegir una hora para ponerse en contacto con el cliente.
  • Campos de texto para proporcionar la información de contacto. Cualquier información de cliente actual se rellena automáticamente.
  • Campo de texto para especificar la nota.
  • Menú desplegable para elegir una razón para la nota. El menú llama getCommonCodeList para poblar valores.
  • Menú desplegable para elegir el tipo de contacto. El menú llama getCommonCodeList para poblar valores.
  • Campo de texto para especificar información de referencia de contacto.
  • Guardar llamadas del botón modifyFulfillmentOptions para guardar la nota.
Un recuadro rojo describe la nueva sección Añadir nota que personalizará en el modal Planificar orden