Creato con il generatore IA di HMIx
Questa risorsa è stata creata con l'IA su ai.hmix.tech. Descrivi ciò che ti serve e genera i tuoi controlli HMI in pochi minuti — gratis.
Custom Web Control
Informazioni su Tabella dati
Tabella dati è un Custom Web Control che visualizza dati JSON strutturati come una tabella chiara e leggibile per applicazioni SCADA e HMI. Fornire un set di dati JSON e definire le relative colonne; il controllo esegue il rendering di intestazioni e righe che riempiono lo spazio disponibile sullo schermo.
Caratteristiche principali
- Contenuto basato su JSON: La proprietà dataJson fornisce le righe della tabella, consentendo di aggiornare direttamente i valori dalla logica del progetto.
- Selezione delle righe: Facendo clic su una riga, selectedRowIndex viene aggiornato e viene attivato l'evento RowSelected, consentendo agli operatori di selezionare un record per visualizzazioni dettagliate o azioni successive.
- Intestazioni di colonna modificabili: Quando headerEditable è abilitato, gli operatori possono fare doppio clic su un'intestazione per rinominare la colonna e l'evento HeaderChanged segnala il nuovo testo.
- Stato vuoto chiaro: La proprietà emptyMessage visualizza un messaggio leggibile quando non sono disponibili dati.
Personalizzazione
Regolare l'aspetto con backgroundColor, headerBackgroundColor e headerTextColor e controllare la spaziatura con rowHeight e headerHeight. Definire la struttura della tabella tramite l'array columns e utilizzare headerEditHint per visualizzare un testo guida quando il puntatore si ferma su un'intestazione di colonna. I metodi clearSelection, scrollToTop e setHeaderText consentono al progetto di cancellare la selezione corrente, tornare alla prima riga o rinominare una colonna in runtime.
Casi d'uso
Particolarmente adatta a elenchi di allarmi, registri di lotti, parametri di ricette, registri di turno e panoramiche delle apparecchiature sui display delle sale di controllo e sui pannelli operatore.
Compatibilità
Funziona su WinCC Unified (TIA Portal) e WinCC V8.
Avviso generato dall'IA
Generato dall'IA: Questo custom web control è stato generato utilizzando l'IA. Testarlo e convalidarlo accuratamente prima della distribuzione in ambienti di produzione.
⚠️ Generato dall'IA: Questo custom web control è stato generato automaticamente utilizzando la tecnologia IA. Può contenere errori o comportamenti imprevisti. Gli utenti sono responsabili dei test e della validazione prima dell'utilizzo in ambienti di produzione.