Renderer e formati di colonne
Nella tabella riportata di seguito sono elencate le informazioni seguenti per ciascun renderer supportato dalle griglie avanzate.
Formati supportati che è possibile selezionare o specificare per ciascun renderer.
Se il tipo di renderer supporta la modifica in fase di esecuzione quando è attivata la modifica per la griglia. La modifica in fase di esecuzione viene utilizzata per recuperare l'input di un utente.
Note aggiuntive correlate alla funzionalità di alcuni renderer.
Tipo di renderer
Formati
Modifica in fase di esecuzione
Note
Default
N/D
N/D
Quando possibile, esegue il rendering dei dati come stringa.
Number
Selezionare o immettere una stringa contenente il formato da utilizzare.
Servizio di configurazione JSON - I formati supportano sia % sia $
Mashup Builder - I formati supportano solo $.
Entrambi supportano i decimali.
Long
Selezionare o immettere una stringa contenente il formato da utilizzare.
Servizio di configurazione JSON - I formati supportano sia % sia $
Mashup Builder - I formati supportano solo $.
Entrambi supportano i decimali.
HTML
raw - HTML effettivo visualizzato nella cella della griglia.
format - HTML codificato, sanitizzato tramite XSS e interpretato dal browser per la visualizzazione.
unsanitized - HTML codificato, ma NON sanitizzato tramite XSS prima di essere interpretato dal browser per la visualizzazione.
Le opzioni di formato elencate nella colonna a sinistra sono per l'utilizzo con JSON. In Mashup Builder, queste opzioni sono etichettate come indicato di seguito.
Senza formattazione
Con formattazione
Con formattazione, non sanitizzato (senza protezione)
* 
Quando si utilizza il formato non sanitizzato, assicurarsi che nessun dato utente sia esposto nella colonna della griglia. Verificare che vengano visualizzati solo i dati dell'applicazione, creati da uno sviluppatore e privi di vulnerabilità della protezione.
Hyperlink
_blank - La destinazione di navigazione è una nuova finestra o una scheda del browser (a seconda del browser).
_self - La destinazione di navigazione è la finestra o la scheda corrente.
_parent - La destinazione di navigazione è il padre dell'iframe.
_top - La destinazione di navigazione è il frame superiore.
Quando si seleziona il renderer hyperlink, è disponibile anche una colonna Testo link. Immettere il testo da visualizzare tramite link.
Di seguito è riportato un esempio JSON per la configurazione di una colonna con collegamento ipertestuale.
"columnFormatter": {
"type": "hyperlink",
"format": "_blank",
"params": {
"textFormat": "Fare clic qui."
}
}
Imagelink
Percorso di un file immagine in un repository ThingWorx.
image - Visualizza l'immagine con la dimensione effettiva.
scaledtowidth - Dimensiona l'immagine per adattarla alla larghezza della colonna.
scaledtoheight - Dimensiona l'immagine per adattarla all'altezza della riga.
hyperlink - Visualizza un link sul quale è possibile fare clic per visualizzare l'immagine.
String
full - Visualizza l'intera stringa di testo.
notext - Non visualizza testo.
limitN - Limita la visualizzazione del testo ai primi N caratteri. I limiti di solito non sono necessari quando si utilizzano le opzioni di overflow dei dati.
Boolean
checkbox - Visualizza una casella di controllo di sola lettura nella cella della griglia.
text - Visualizza opzioni di testo, come True o False.
notext - Non visualizza alcun dato. Utilizzare solo per la formattazione dello stato.
Datetime
Per ulteriori informazioni sull'utilizzo dei formati MomentJS e jdate, seguire i link a destra.
Per ulteriori informazioni, vedere quanto segue.
Integer
Selezionare o immettere una stringa contenente il formato da utilizzare.
Servizio di configurazione JSON - I formati supportano sia % sia $
Mashup Builder - I formati supportano solo $.
Integer non supporta i decimali.
Location
Selezionare o immettere una stringa contenente il formato latitudine, longitudine, altitudine per identificare una posizione. La stringa del formato può essere utilizzata per troncare la precisione dei valori di latitudine, longitudine e altitudine. I valori troncati vengono arrotondati. Se non è incluso alcun valore di altitudine, viene omesso dalla stringa di output.
È possibile visualizzare un'icona con la posizione utilizzando una definizione di stato. Configurare lo stato per definire quando visualizzare l'icona, a seconda del valore della stringa di posizione.
Di seguito è riportato un esempio JSON per la configurazione di una colonna della posizione.
"columnFormatter": {
"type": "location",
"format": "0.000000",
}
}
Image
image - Visualizza l'immagine con la dimensione effettiva.
scaledtowidth - Dimensiona l'immagine per adattarla alla larghezza della colonna.
scaledtoheight - Dimensiona l'immagine per adattarla all'altezza della riga.
hyperlink - Visualizza un link sul quale è possibile fare clic per visualizzare l'immagine.
No
Il renderer IMAGE non supporta la modifica in fase di esecuzione e non è possibile recuperare le modifiche dell'immagine come input di un utente. Per attivare la modifica delle immagini, utilizzare il renderer IMAGELINK e verificare che la colonna dell'infotable contenga i link a immagini in un repository ThingWorx.
Infotable
Formatta la struttura dati ThingWorx utilizzata per memorizzare i risultati di un servizio o un insieme di proprietà per un oggetto.
No
JSON
Formatta i dati contenenti gli oggetti JSON (JavaScript Object Notation).
No
Mashup
Formatta i riferimenti a un mashup ThingWorx.
Solo testo - Visualizza il nome dell'entità come testo.
_blank - La destinazione di navigazione è una nuova finestra o una scheda del browser (a seconda del browser).
_self - La destinazione di navigazione è la finestra o la scheda corrente.
_parent - La destinazione di navigazione è il padre dell'iframe.
_top - La destinazione di navigazione è il frame superiore.
No
Password
Formatta i valori dei dati mascherando i caratteri. Utilizzare questo renderer per nascondere le informazioni sensibili.
No
Tag
Formatta i tag delle entità di un modello.
Tipo di tag e dati di formattazione (modello o semplici)
Tag dati
Tag modello
Nessun collegamento ipertestuale
No
Thingcode
Formatta la rappresentazione numerica di un oggetto contenente un ID dominio e un ID istanza.
Thingname
Thing shape
Thingtemplatename
Nome utente
Consente di scegliere la modalità di formattazione dei riferimenti ai nomi di entità. È possibile visualizzare un testo normale o un link.
Solo testo - Visualizza il nome dell'entità come testo.
_blank - La destinazione di navigazione è una nuova finestra o una scheda del browser (a seconda del browser).
_self - La destinazione di navigazione è la finestra o la scheda corrente.
_parent - La destinazione di navigazione è il padre dell'iframe.
_top - La destinazione di navigazione è il frame superiore.
No
VEC2
VEC3
VEC4
Formatta i tipi di base vettoriali con due, tre o quattro valori decimali modellati con le variabili x, y, z e w.
XML
Formatta i dati XML.
No
* 
Il rendering con data shape dinamiche è supportato quando si fornisce la configurazione dinamica. Quando nel widget Griglia avanzata i dati vengono immessi utilizzando data shape dinamiche, fornire la configurazione in fase di esecuzione per eseguire il rendering dei valori come previsto. La configurazione può essere fornita utilizzando un servizio associato a Configuration del widget Griglia avanzata. Questo servizio è simile a quello che fornisce i dati in base al nome della data shape.
È stato utile?