WebView
Le WebView est une zone sur une carte ou une Anveo page complètement séparée du type carte sur laquelle le contenu du web peut être affiché. Cela peut être utilisé pour créer des graphiques, des tableaux ou pour afficher des images de produits sur Internet, par exemple.
Exigences
Pour utiliser le WebView, la version 11 de Anveo Client Suite et les versions actuelles des applications sont nécessaires.
Objets
Aucun objet séparé n’est nécessaire pour le WebView.
Détails techniques
Le WebView est avant tout une page HTML à afficher. Lors du chargement d’une Anveo page, les données doivent être transférées vers la page HTML, qui peut alors être affichée sur celle-ci. Dans nos exemples, nous utilisons la bibliothèque JavaScript Vue.js.
Lorsque la Anveo page est ouverte, les données sont transmises à une commande JavaScript et y sont traitées pour un affichage ultérieur. La fonction suivante est donc requise dans le fichier JavaScript :
Dans la Anveo page OnAfterGetRecord de l’Anveo page, les données et les champs sont ensuite transmis au WebView à l’aide de la nouvelle commande de page PAGE(‘SETWEBVIEWDATA’). La base du WebView est un code d’action Anveo de type HTML. Le code d’action associé du type JavaScript est stocké sous forme de bibliothèque dans le code d’action HTML.
La page HTML peut également être modifiée via le CSS. Pour cela, un code d’action de type CSS doit être disponible, qui est stocké sous forme de bibliothèque dans le code d’action HTML.
Commandes duAnveo Script
Anveo Script Command pour le transfert de données vers le WebView. Elle est utilisée dans la Anveo page du OnAfterGetRecord. Chaque appel exécute la fonction JavaScript : WebViewDataLoaded(nom, valeur) {} ;. Celui-ci doit donc toujours être contenu dans un fichier JavaScript.
WebViewDataLoaded(name, value) {};
La partie JavaScript de la PAGE(« SETWEBVIEWDATA »)[…]) ; fonction. Elle est toujours appelée lorsque la commande PAGE est exécutée. Cette fonction traite les données transférées pour l’affichage.
PAGE('SETWEBVIEWDATA', String Fieldname, String Variable name, Record / String Value, String Columns);
Cette fonction permet de charger des données dans le WebView
Spécifie le nom de champ du WebView sur une Anveo page qui est mise à jour par la commande SETWEBVIEWDATA. Peut être vide si la Anveo page est de type WebView.
Valeur du premier paramètre de la fonction WebViewDataLoaded(nom, valeur) appelée dans le code d’action JavaScript.
Spécifie un enregistrement de données filtré et trié. Si un enregistrement est spécifié, le dernier paramètre doit être rempli. Peut également être passé sous forme de chaîne. Cela correspond alors à la valeur du deuxième paramètre de la fonction WebViewDataLoaded(name, value), qui est appelée dans le code d’action JavaScript.
Si le paramètre Record/Value contient une valeur, une chaîne de numéros de champs séparés par des virgules doit être passée. Un objet est alors automatiquement généré à partir de celui-ci et de l’enregistrement de données pour être transféré à la fonction. Si la chaîne est vide, seuls les champs de la clé primaire sont passés.
RunScriptOnRecord(String ActionCode, parameter);
Cette commande exécute le code d’action Anveo spécifié à partir du fichier JavaScript. Par exemple, les données transférées sont traitées ici et la synchronisation est déclenchée. Le code d’action spécifié doit être stocké dans le code d’action HTML en tant que bibliothèque.
Anv_Debug(String Message);
Commande de débogage pour afficher les messages de débogage dans le journal d’exécution de l’appareil.
Exemples
Vous trouverez un exemple dans notre application de vente. Ici, par exemple, nous affichons les lignes de commande dans un autre onglet de la fiche de commande client via le WebView. Dans le menu principal, vous trouverez la rubrique Top Clients. Un diagramme est affiché ici.
Dans l’Anveo Service App, un aperçu des articles et des heures saisis s’ouvre avant la signature d’un ordre de service. La signature peut alors être apposée.