WebView
La WebView è un’area su una scheda o una Anveo page completamente separata del tipo di mappa su cui possono essere visualizzati i contenuti web. Questo può essere utilizzato per creare grafici, tabelle o per visualizzare immagini di prodotti da Internet, ad esempio.
Requisiti
Per utilizzare la WebView sono necessarie la Anveo Client Suite versione 11 e le versioni attuali delle app.
Oggetti
Per la WebView non sono necessari oggetti separati.
Dettagli tecnici
La WebView è principalmente una pagina HTML per la visualizzazione. Quando si carica una Anveo page, i dati devono essere trasferiti alla pagina HTML, che può poi essere visualizzata su di essa. Nei nostri esempi utilizziamo la libreria JavaScript Vue.js.
All’apertura della Anveo page, i dati vengono passati a un comando JavaScript e lì elaborati per un’ulteriore visualizzazione. Per questo motivo nel file JavaScript è necessaria la seguente funzione:
Nell’OnAfterGetRecord della Anveo page, i dati e i campi vengono poi passati alla WebView utilizzando il comando PAGE (‘SETWEBVIEWDATA’) della nuova pagina. La base della WebView è un codice d’azione Anveo di tipo HTML. Il codice azione associato del tipo JavaScript è memorizzato come libreria nel codice azione HTML.
La pagina HTML può essere modificata anche tramite CSS. Per questo, deve essere disponibile un codice azione di tipo CSS, che viene memorizzato come libreria nel codice azione HTML.
ComandiAnveo Script
Anveo Script Command per il passaggio dei dati alla WebView. Questo viene utilizzato nella Anveo page di OnAfterGetRecord. Ogni chiamata esegue la funzione JavaScript: WebViewDataLoaded(nome, valore) {};. Questo deve quindi essere sempre contenuto in un file JavaScript.
WebViewDataLoaded(name, value) {};
La parte JavaScript della PAGINA (‘SETWEBVIEWDATA’)[…]); funzione. Questo viene sempre chiamato quando viene eseguito il comando PAGINA. Questa funzione elabora i dati trasferiti per la visualizzazione.
PAGE('SETWEBVIEWDATA', String Fieldname, String Variable name, Record / String Value, String Columns);
Questa funzione carica i dati nella WebView
Specifica il nome del campo della WebView su una Anveo page che viene aggiornata dal comando SETWEBVIEWDATA. Può essere vuota se la Anveo page è di tipo WebView.
Valore del primo parametro della funzione WebViewDataLoaded(nome, valore) chiamato nel codice d’azione JavaScript.
Specifica un record di dati filtrati e ordinati. Se viene specificato un record, l’ultimo parametro deve essere compilato. Può anche essere passato come stringa. Questo corrisponde quindi al valore del secondo parametro della funzione WebViewDataLoaded(nome, valore), che viene chiamato nel codice d’azione JavaScript.
Se il parametro Record/Value contiene un valore, è necessario passare una stringa di numeri di campo separata da virgole. Da questo viene poi generato automaticamente un oggetto e il record di dati per il trasferimento alla funzione. Se la stringa è vuota, vengono passati solo i campi chiave primari.
RunScriptOnRecord(String ActionCode, parameter);
Questo comando esegue il codice azione Anveo specificato dal file JavaScript. A titolo di esempio, qui vengono elaborati i dati trasferiti e viene attivata la sincronizzazione. Il codice azione specificato deve essere memorizzato nel codice azione HTML come libreria.
Anv_Debug(String Message);
Comando di debug per visualizzare i messaggi di debug nel log del runtime del dispositivo.
Esempi
Potete trovare un esempio nella nostra App Vendite. Qui, ad esempio, visualizziamo le righe d’ordine in un’altra scheda della scheda d’ordine di vendita tramite la WebView. Nel menu principale troverete la voce Top Customers. Qui viene visualizzato un diagramma grafico.
Nell’App di servizio Anveo si apre una panoramica degli articoli e degli orari inseriti prima della firma di un ordine di servizio. La firma può quindi essere fatta.