WebView
El WebView es un área en una tarjeta o una Anveo page completamente separada del tipo de mapa en la que se puede mostrar el contenido de la web. Esto puede utilizarse para crear gráficos, tablas o para mostrar imágenes de productos de Internet, por ejemplo.
Requisitos
Para usar el WebView, se requiere la versión 11 de Anveo Client Suite y las versiones actuales de la aplicación.
Objetos
No se requieren objetos separados para el WebView.
Detalles técnicos
El WebView es principalmente una página HTML para su visualización. Cuando se carga una página de Anveo page, los datos deben ser transferidos a la página HTML, que luego puede ser mostrada en ella. En nuestros ejemplos utilizamos la biblioteca de JavaScript Vue.js.
Cuando se abre la Anveo page, los datos se pasan a un comando de JavaScript y se procesan allí para su posterior visualización. Por lo tanto, se requiere la siguiente función en el archivo JavaScript:
En la página OnAfterGetRecord de Anveo page, los datos y campos se pasan a la WebView usando el nuevo comando de página PAGE (‘SETWEBVIEWDATA’). La base del WebView es un código de acción Anveo de tipo HTML. El código de acción asociado de tipo JavaScript se almacena como una biblioteca en el código de acción HTML.
La página HTML también puede ser modificada a través de CSS. Para ello, debe estar disponible un código de acción de tipo CSS, que se almacena como una biblioteca en el código de acción HTML.
Comandos de ScriptAnveo Script
ComandoAnveo Script para pasar datos al WebView. Esto se usa en la Anveo page en el OnAfterGetRecord. Cada llamada ejecuta la función de JavaScript: WebViewDataLoaded(nombre, valor) {};. Por lo tanto, esto debe estar siempre contenido en un archivo JavaScript.
WebViewDataLoaded(name, value) {};
La parte de JavaScript de la PÁGINA (‘SETWEBVIEWDATA’)[…]); función. Siempre se llama así cuando se ejecuta el comando PAGE. Esta función procesa los datos transferidos para la visualización.
PAGE('SETWEBVIEWDATA', String Fieldname, String Variable name, Record / String Value, String Columns);
Esta función carga datos en el WebView
Especifica el nombre de campo del WebView en una página de Anveo page que se actualiza con el comando SETWEBVIEWDATA. Puede estar vacía si la Anveo page es del tipo WebView.
Valor del primer parámetro de la función WebViewDataLoaded(nombre, valor) llamado en el código de acción de JavaScript.
Especifica un registro de datos filtrado y clasificado. Si se especifica un registro, se debe rellenar el último parámetro. También se puede pasar como cuerda. Esto corresponde entonces al valor del segundo parámetro de la función WebViewDataLoaded(nombre, valor), que se llama en el código de acción de JavaScript.
Si el parámetro Registro/Valor contiene un valor, se debe pasar una cadena de números de campo separados por comas. A continuación se genera automáticamente un objeto a partir de éste y del registro de datos para su transferencia a la función. Si la cadena está vacía, sólo se pasan los campos clave primarios.
RunScriptOnRecord(String ActionCode, parameter);
Este comando ejecuta el código de acción de Anveo especificado desde el archivo JavaScript. Por ejemplo, los datos transferidos se procesan aquí y se activa la sincronización. El código de acción especificado debe ser almacenado en el código de acción HTML como una biblioteca.
Anv_Debug(String Message);
Comando Debug para mostrar los mensajes de Debug en el registro de tiempo de ejecución del dispositivo.
Ejemplos
Puedes encontrar un ejemplo en nuestra aplicación de ventas. Aquí, por ejemplo, mostramos las líneas de pedido en otra pestaña de la tarjeta de pedido de venta a través de la WebView. En el menú principal encontrará el elemento «Clientes principales». Aquí se muestra un diagrama gráfico.
En la aplicación de servicio Anveo, se abre un resumen de los artículos y horarios introducidos antes de firmar una orden de servicio. Entonces se puede hacer la firma.