Adición de un campo de búsqueda al modal "Búsqueda avanzada"

Aprenda a añadir un campo de búsqueda personalizado utilizando la técnica personalización por configuración . En esta lección, modificará un archivo search_fields.json que define los campos que se van a visualizar en las páginas de búsqueda.

Para este escenario, desea añadir un campo de búsqueda en el modal "Búsqueda avanzada" . El modal "Búsqueda avanzada" está en el paso Añadir líneas de crear una orden para buscar un artículo. Se llama a la API de OMS, getCompleteItemList, para buscar elementos. Queremos añadir un criterio de búsqueda para AliasValue ( <ItemAliasList><ItemAlias AliasValue=""/></ItemAliasList> )

Una captura de pantalla del modal de búsqueda avanzada

Procedimiento

En primer lugar, debe encontrar la clave JSON que está asociada con el modal donde desea añadir el campo de búsqueda personalizado.
1. Puesto que la página debe personalizarse forma parte del módulo buc-app-order , abra el archivo buc-app-order/packages/create-order/src-custom/assets/buc-app-order/search_fields.json .
2. Buscar una etiqueta en el JSON que coincida con la etiqueta en el modal.
  Por ejemplo, el modal tiene una etiqueta "ID de catálogo maestro". Busque el término maestro. El archivo contiene dos apariciones. Cuando mira todos los demás campos del mismo objeto padre, puede encontrar que la clave para el modal "Búsqueda avanzada" es la clave add-order .
Cree un archivo search_fields.json dentro de la carpeta packages/create-order/src-custom/assets/custom .

Utilizando la clave add-order , pegue el código siguiente para añadir un campo ItemAlias personalizado para representar el código UPC, EAN o código de fabricante del artículo. Para obtener más información sobre cómo definir campos de búsqueda en JSON, consulte Adición de campos de búsqueda a páginas de búsqueda existentes.

{
"add-order": {
    "fields": [
        {
        "label": "Alias value",
        "type": "dropdownQuery",
        "target": "add-order",
        "request": "ItemAliasList.ItemAlias.AliasValue",
        "operator": "LIKE",
        "fetch": {
          "api": "getQueryTypeList",
          "type": "oms",
          "parameters": {},
          "response": {
            "listAttribute": "StringQueryTypes.QueryType",
            "map": {
              "id": "QueryType",
              "label": "QueryTypeDesc"
            }
          }
        }
    }
    ]
}
}

Ha añadido correctamente un campo de búsqueda al modal de búsqueda avanzada. Ahora pruebe los cambios.
1. Si todavía ha iniciado sesión en Order Hub, vuelva a cargar el bastidor. De lo contrario, inicie sesión en Order Hub.
2. Pulse Pedidos > Salientes.
3. Pulse Crear pedido.
4. Complete los detalles y pulse Siguiente para ir a la página Añadir líneas .
5. En la página Añadir líneas , pulse Búsqueda avanzada.
  Ahora puede ver el campo Valor de alias.
6. Abra el separador Red de consola en el navegador para verificar que la carga útil de solicitud de API incluye la nueva entrada Alias .
7. Añada un valor en el campo Valor de alias y ejecute una búsqueda.
  Asegúrese de que ve ItemAlias en la carga útil.