Erstellt mit dem HMIx KI-Generator
Diese Ressource wurde mit KI auf ai.hmix.tech erstellt. Beschreibe, was du brauchst, und generiere eigene HMI-Controls in Minuten — kostenlos.
Custom Web Control
Über Datentabelle
Die Datentabelle ist ein Custom Web Control, der strukturierte JSON-Daten als klare, lesbare Tabelle für SCADA- und HMI-Anwendungen darstellt. Geben Sie einen JSON-Datensatz an und definieren Sie dessen Spalten. Das Steuerelement rendert die Kopfzeilen und Zeilen, die den auf dem Bildschirm verfügbaren Platz ausfüllen.
Wichtigste Merkmale
- JSON-gesteuerter Inhalt: Die Eigenschaft dataJson liefert die Tabellenzeilen, sodass Werte direkt aus der Projeklogik aktualisiert werden können.
- Zeilenauswahl: Ein Klick auf eine Zeile aktualisiert selectedRowIndex und löst das Ereignis RowSelected aus, sodass Bediener einen Datensatz für Detailansichten oder Folgeaktionen auswählen können.
- Bearbeitbare Spaltenüberschriften: Wenn headerEditable aktiviert ist, können Bediener durch Doppelklick auf eine Überschrift die Spalte umbenennen. Das Ereignis HeaderChanged meldet den neuen Text.
- Klarer Leerzustand: Die Eigenschaft emptyMessage zeigt eine lesbare Meldung an, wenn keine Daten verfügbar sind.
Anpassung
Passen Sie das Erscheinungsbild mit backgroundColor, headerBackgroundColor und headerTextColor an und steuern Sie den Abstand mit rowHeight und headerHeight. Definieren Sie die Tabellenstruktur über das Array columns und verwenden Sie headerEditHint, um Hinweistext anzuzeigen, wenn der Zeiger auf einer Spaltenüberschrift ruht. Mit den Methoden clearSelection, scrollToTop und setHeaderText kann Ihr Projekt die aktuelle Auswahl löschen, die Ansicht zur ersten Zeile zurückkehren oder eine Spalte in runtime umbenennen.
Anwendungsfälle
Besonders geeignet für Alarmlisten, Chargenprotokolle, Rezepturparameter, Schichtprotokolle und Geräteübersichten auf Displays in Leitständen sowie Bedienpulten.
Kompatibilität
Läuft auf WinCC Unified (TIA Portal) und WinCC V8.
KI-generierter Hinweis
KI-generiert: Dieses custom web control wurde mithilfe von KI erstellt. Testen und validieren Sie es vor dem Einsatz in Produktionsumgebungen umfassend.
⚠️ KI-generiert: Dieses custom web control wurde automatisch mithilfe von KI-Technologie erstellt. Es kann Fehler oder unerwartetes Verhalten enthalten. Benutzer sind für die Tests und Validierung vor dem Einsatz in Produktionsumgebungen verantwortlich.