Datagrid

Ein Datagrid ist eine Tabelle. In dieser Tabelle können Datensätze dargestellt werden, die über das Engineering oder dynamisch über ein Array definiert worden sind.

Eine Beschreibung der Konfiguration finden Sie in dem Kapitel Konfiguration.

Attribute

Kategorie: Colors

Name	Beschreibung
HeaderBackgroundColor	Definition der Hintergrundfarbe der Überschriftenzeile
HeaderTextColor	Definition der Textfarbe der Spaltenüberschriften
RowNumbersBackgroundColor	Definition der Hintergrundfarbe der Spalte für die Zeilennummerierung
RowNumbersTextColor	Definition der Textfarbe der Zeilennummerierung
TableBorderColor	Definition der Farbe des Gitternetzes
BackgroundColor	Definition der Hintergrundfarbe
BorderColor	Definition der Rahmenfarbe des Controls

Kategorie: Layout

Name	Beschreibung
Left	Definition des Abstands der linken Seite zur linken Seite des umschließenden Controls
LeftUnit	Definition der Einheit des Abstands zur rechten Seite des umschließenden Controls: Pixel für eine absolute Positionierung Prozent für eine relative Positionierung
Top	Definition des Abstands der oberen Seite zur oberen Seite des umschließenden Controls
TopUnit	Auswahl der Einheit des Abstands zur oberen Seite des umschließenden Controls: Pixel für eine absolute Positionierung Prozent für eine relative Positionierung
Right	Definition des Abstands der rechten Seite zur rechten Seite des umschließenden Controls
RightUnit	Auswahl der Einheit des Abstands zur rechten Seite des umschließenden Controls: Pixel für eine absolute Positionierung Prozent für eine relative Positionierung
Bottom	Definition des Abstands der unteren Seite zur unteren Seite des umschließenden Controls
BottomUnit	Auswahl der Einheit des Abstands zur unteren Seite des umschließenden Controls: Pixel für eine absolute Positionierung Prozent für eine relative Positionierung
Width	Definition der äußeren Breite des Controls
WidthUnit	Auswahl der Einheit der Breite: Pixel für eine absolute Breite Prozent für eine relative Breite
Height	Definition der äußere Höhe des Controls
HeightUnit	Auswahl der Einheit der Höhe: Pixel für eine absolute Höhe Prozent für eine relative Höhe
MaxWidth	Definition der maximalen Breite, wenn die Control-Größe dynamisch definiert ist
MaxWidthUnit	Auswahl der Einheit der maximalen Breite: Pixel für einen absoluten Wert Prozent für einen relativen Wert
MinWidth	Definition der minimalen Breite, wenn die Control-Größe dynamisch definiert ist
MinWidthUnit	Auswahl der Einheit der minimalen Breite: Pixel für einen absoluten Wert Prozent für einen relativen Wert
MaxHeight	Definition der maximalen Höhe, wenn die Control-Größe dynamisch definiert ist
MaxHeightUnit	Auswahl der Einheit der maximalen Höhe: Pixel für einen absoluten Wert Prozent für einen relativen Wert
MinHeight	Definition der minimalen Höhe, wenn die Control-Größe dynamisch definiert ist
MinHeightUnit	Auswahl der Einheit der minimalen Höhe: Pixel für einen absoluten Wert Prozent für einen relativen Wert
RenderedLeft	Berechneter Pixel-Abstand der linken Seite zur linken Seite des umschließenden Controls
RenderedTop	Berechneter Pixel-Abstand der oberen Seite zur oberen Seite des umschließenden Controls
RenderedRight	Berechneter Pixel-Abstand der rechten Seite zur rechten Seite des umschließenden Controls
RenderedBottom	Berechneter Pixel-Abstand der unteren Seite zur unteren Seite des umschließenden Controls
RenderedWidth	Berechnete Pixel-Breite des Controls
RenderedHeight	Berechnete Pixel-Höhe des Controls
GridRowIndex	Definition der Zeile eines Grids, in der das Control dargestellt werden soll
GridColumnIndex	Definition der Spalte eines Grids, in der das Control dargestellt werden soll
Opacity	Definition der Transparenz des ganzen Controls
Visibility	Auswahl der Sichtbarkeit eines Controls: Visible: Control ist sichtbar Hidden: Control ist unsichtbar, wird aber gezeichnet – Controls dahinter sind nicht bedienbar Collapsed: Control ist unsichtbar und wird nicht gezeichnet – Controls dahinter sind bedienbar
ZIndex	Definition der Position auf der Z-Achse
Transform	Definition einer Transformation eines Controls: Translate: Verschieben in X-, Y-, Z-Richtung Rotate: Drehen um einen Winkel Scale: Zoomen um einen Faktor Skew: Schräges Darstellen der Seiten um einen Winkel Origin: Setzen des Ursprungs der Transformation relativ zur Position des Controls Perspective: Setzen der Perspektive der Transformationen aller Kindelemente
BoxShadow	Definition eines Schattens
WidthMode	Auswahl der Methode zur Berechnung der Breite : Value: Die Breite wird durch die eingetragene Breite definiert. Parent: Die Breite wird durch den Abstand zur linken und rechten Seite des Elternelements definiert. Das Attribut ‚Width‘ wird in allen Berechnungen ignoriert!
HeightMode	Auswahl der Methode zur Berechnung der Höhe: Value: Die Höhe wird durch die eingetragene Höhe definiert. Parent: Die Höhe wird durch den Abstand zur oberen und unteren Seite des Elternelements definiert. Das Attribut ‚Height‘ wird in allen Berechnungen ignoriert!

Kategorie: Common

Name	Beschreibung
IsEnabled	Auswahl, ob ein Control aktiviert sein soll
Id	Definition des Namens des Control
Type	Typname des Controls
ClassNames	Definition von Control Klassen
IsAttached	Ist ein Control logisch im DOM eingehangen.
Tooltip	Definition des Tooltips für das Control
DataSymbol	Definiert ein Symbol als Datenquelle.

Kategorie: Border

Name	Beschreibung
BorderRadius	Definition des Radius der vier Ecken, um diese abzurunden
BorderStyle	Auswahl des Rahmenstils der vier Seiten des Controls
BorderWidth	Definition der Rahmenbreite der vier Seiten des Controls

Kategorie: Background Image

Name	Beschreibung
BackgroundImage	Definition eines Bildes, welches oberhalb der Hintergrundfarbe liegt
BackgroundImageHeight	Definition der Höhe des Hintergrundbildes
BackgroundImageHeightUnit	Auswahl der Einheit der Höhe des Hintergrundbildes: Pixel für eine absolute Höhe Prozent für eine relative Höhe
BackgroundImageWidth	Definition der Breite des Hintergrundbildes
BackgroundImageWidthUnit	Auswahl der Einheit der Breite des Hintergrundbildes: Pixel für eine absolute Breite Prozent für eine relative Breite
BackgroundImagePadding	Definition eines zusätzlichen Abstands zwischen dem Rahmen des Controls und dem Hintergrundbild für die vier Seiten
BackgroundImageVerticalAlignment	Definition der vertikalen Ausrichtung des Hintergrundbildes innerhalb des Controls
BackgroundImageHorizontalAlignment	Definition der horizontalen Ausrichtung des Hintergrundbildes innerhalb des Controls

Kategorie: Data

Name	Beschreibung
SrcColumn	Definition der Spaltenoptionen – Die Zuordnung der Optionen zu den Zeilen basiert auf der Reihenfolge im Column Definitions Dialog
SrcData	Definition der Daten, die in dem DataGrid dargestellt werden sollen
SelectedColumnIndex	Definition der ausgewählten Spalte mithilfe des Spaltenindexes
SelectedRowIndex	Definition der ausgewählten Zeile mithilfe des Zeilenindexes
Sorting	Definiert Sortierungs-Regeln für die Sortierung der angezeigten Daten.
Filter	Definiert Filter-Regeln die bei Verwendung von DataSymbol auf Lesezugriffen des DataSymbol angewendet werden.

Kategorie: Grid

Name	Beschreibung
RowHeight	Definition der Zeilenhöhe
RowHeightUnit	Definition der Einheit der Zeilenhöhe: Pixel für eine absolute Höhe Prozent für eine relative Höhe
TableBorderWidth	Definition der Linienbreite des Gitternetzes
TableBorderWidthUnit	Auswahl der Einheit der Linienbreite: Pixel für eine absolute Breite Prozent für eine relative Breite
TableBorderStyle	Auswahl des Stils der Gitternetzlinien
CellContentPadding	Definition des Abstands des Texts zum Rand der Zelle
GridFontFamily	Definition der Schriftart über den Namen der Schriftfamilie oder das Schlüsselwort
GridFontSize	Definition der Schriftgröße des Tabelleninhalts
GridFontSizeUnit	Definition der Einheit der Schriftgröße: Pixel für eine absolute Größe Prozent für eine relative Größe
GridFontStyle	Auswahl der Schriftlage des Tabelleninhalts: Normal Italic: kursiv Oblique: schräggestellt
GridFontWeight	Auswahl der Schriftstärke des Tabelleninhalts: Normal Bold: fett
SrcDataHasChanged	Gibt an, ob der Benutzer, die Daten verändert hat.
SelectedRowValue	Der Wert der selektierte Zeile.
SelectedCellValue	Der Wert der selektierten Zelle.

Kategorie: Header

Name	Beschreibung

Kategorie: Row Numbers

Name	Beschreibung
ShowRowNumbers	Auswahl, ob die Zeilennummerierung eingeblendet werden soll
RowNumbersResizable	Auswahl, ob die Breite der Spalten zur Laufzeit über die Trennstriche in der Spaltenüberschriftzeile verändert werden können
RowNumbersWidth	Definition der Breite der Zeilennummerierungsspalte
RowNumbersWidthUnit	Auswahl der Einheit der Spaltenbreite: Pixel für eine absolute Breite Prozent für eine relative Breite
RowNumbersCellPadding	Definition des Abstands der Nummerierung zum Rand der Zelle

RowNumbersFontFamily	Definition der Schriftart über den Namen der Schriftfamilie oder das Schlüsselwort
RowNumbersFontSize	Definition der Schriftgröße der Zeilennummerierung
RowNumbersFontSizeUnit	Definition der Einheit der Schriftgröße: Pixel für eine absolute Größe Prozent für eine relative Größe
RowNumbersFontStyle	Definition der Schriftlage der Zeilennummerierung: Normal Italic: kursiv Oblique: schräggestellt
RowNumbersFontWeight	Definition der Schriftstärke der Zeilennummerierung: Normal Bold: fett
RowNumbersHorizontalAlignment	Definition der horizontalen Ausrichtung der Zeilennummerierung
RowNumbersVerticalAlignment	Definition der vertikalen Ausrichtung der Zeilennummerierung
RowNumbersStartNumber	Startwert der Reihennummerierung.

Kategorie: Table Border

Name	Beschreibung

Ereignisse

Kategorie: Framework

Name	Beschreibung
onAttached	Das Control wurde zur Anzeige hinzugefügt.
onDetached	Das Control wurde aus der Anzeige genommen.
onInitialized	Das Control wurde initialisiert.
onDestroyed	Das Control wurde zerstört.
onMoved	Das Control wurde bezogen auf das Browserfenster bewegt.
onResized	Das Control wurde in seiner Größe verändert.

Kategorie: Operator

Name	Beschreibung
onDataChanged	Die Daten wurden geändert.
onSelectedItemChanged	Ein anderer Eintrag ist nun selektiert.
onPressed	Es wurde per Maus geklickt oder ein Touchbildschirm kurz berührt.
onMouseClick	Die linke Maustaste wurde über dem Control gedrückt und losgelassen.
onMouseDoubleClick	Die linke Maustaste wurde zweimal über dem Control gedrückt und losgelassen.
onMouseRightClick	Die rechte Maustaste wurde über dem Control gedrückt und losgelassen.
onMouseDown	Eine Maustaste wurde über dem Control heruntergedrückt.
onMouseEnter	Der Mauszeiger wurde über das Control bewegt.
onMouseLeave	Der Mauszeiger hat das Control verlassen.
onMouseUp	Eine Maustaste wurde über dem Control losgelassen.
onMouseDownLeft	Die linke Maustaste wurde über dem Control heruntergedrückt.
onMouseDownRight	Die rechte Maustaste wurde über dem Control heruntergedrückt.
onMouseMove	Die Maus wurde über dem Control bewegt.
onMouseOver	Der Mauszeiger wurde über das Control oder eines seiner Kinder bewegt.
onMouseOut	Der Mauszeiger hat das Control oder eines seiner Kind-Controls verlassen.
onMouseUpLeft	Die linke Maustaste wurde über dem Control losgelassen.
onMouseUpRight	Die rechte Maustaste wurde über dem Control losgelassen.
onMouseWheel	Das Mausrad wurde über dem Control bewegt.
onTouchStart	Ein Finger/Stift wurde auf ein Touchbildschirm abgesetzt.
onTouchMove	Ein Finger/Stift wurde auf einem Touchbildschirm bewegt.
onTouchEnd	Ein Finger/Stift wurde von einem Touchbildschirm genommen.
onTouchCancel	Eine Interaktion mit einem Touchbildschirm wurde abgebrochen.

Zugriffsrechte

Name	Beschreibung
observe	Legt fest, ob das Control allgemein beobachtbar ist.
operate	Legt fest, ob das Control allgemein bedienbar ist.

Vererbungshierarchie

Control

Datagrid

NuGet-Paket: Beckhoff.TwinCAT.HMI.Controls

	NuGet-Pakete sind verfügbar ab Version 1.12.

	Verfügbar ab Version 1.8

Siehe auch

API-Referenz dieses Controls

Weiterführende Informationen