Verwenden von DataGrid-Steuerelementen

  • Artikel

Das DataGrid-Steuerelement kann eine Auflistung von Daten in mehreren Spalten und Zeilen anzeigen. Es enthält Funktionen, um nach Spalten sortieren zu können.

Weitere Informationen zum DataGrid-Steuerelement finden Sie unter DataGrid-Klasse (System.Windows.Controls) auf MSDN.

So erstellen Sie einfache Daten, um sie in einem "DataGrid"-Steuerelement anzuzeigen

Sie können jeden Datentyp im DataGrid-Steuerelement verwenden. Wenn Sie noch keine Daten zur Verfügung haben, um Sie in dem später beschriebenen Verfahren "So füllen Sie ein DataGrid-Steuerelement auf" zu verwenden, führen Sie die folgenden Schritte aus, um Daten einzurichten, die den vollen Funktionsumfang des DataGrid-Steuerelements veranschaulichen.

  1. Wenn das Datenpanel nicht angezeigt wird, klicken Sie im Menü Fenster auf Daten.

  2. Klicken Sie im Datenpanel auf Beispieldatenquelle hinzufügen Ee341396.30540d76-7256-43ce-b5d9-4b2edf3d339f(DE-DE,Expression.30).png und dann auf Neue Beispieldaten definieren.

  3. Sie können im Dialogfeld Neue Beispieldaten definieren den Standardnamen für das Dataset ändern und den Teil des Projekts auswählen, dem Sie die Daten zur Verfügung stellen möchten.

  4. Wählen Sie im Feld Beispieldaten bei der Ausführung der Anwendung aktivieren aus.

    Ee341396.alert_tip(DE-DE,Expression.30).gifTipp:

    Das Feld Beispieldaten bei der Ausführung der Anwendung aktivieren ermöglicht dem Projekt, die Beispieldaten anzuzeigen, wenn die Anwendung ausgeführt wird. Wenn das Feld nicht ausgewählt ist, zeigt Microsoft Expression Blend die Beispieldaten nur auf der Zeichenfläche an.

    Weitere Informationen finden Sie unter Anzeigen von Beispieldaten beim Ausführen einer Anwendung.

  5. Klicken Sie auf OK.

    Eine Beispieldatenquelle, die eine Auflistung Ee341396.94dad06c-7ddb-4c5e-b2ee-74b394c713ff(DE-DE,Expression.30).png von drei Eigenschaftstypen (Zeichenfolge Ee341396.0baebca0-a722-4aa2-ad58-a96325a0536d(DE-DE,Expression.30).png, Nummer Ee341396.3a9d424b-3e04-443e-8c96-2bcb744fd037(DE-DE,Expression.30).png und boolescher Datentyp Ee341396.b09651ed-c8ae-4f66-b10c-d8478c5337c7(DE-DE,Expression.30).png) enthält, wird erstellt.

    Ee341396.496d7ebc-fe46-42f6-95a8-57b0e5be5d49(DE-DE,Expression.30).png

    Um den vollen Funktionsumfang der Beispieldaten nutzen zu können, fügen Sie der Auflistung eine Bildeigenschaft hinzu.

  6. Klicken Sie neben Auflistung Ee341396.94dad06c-7ddb-4c5e-b2ee-74b394c713ff(DE-DE,Expression.30).png auf Einfache Eigenschaft hinzufügen Ee341396.203a14a5-0db2-486e-9b94-4fdf658d531b(DE-DE,Expression.30).png, um der Auflistung neue Eigenschaft hinzuzufügen.

    Ee341396.alert_tip(DE-DE,Expression.30).gifTipp:

    Sie können neben der Schaltfläche Einfache Eigenschaft hinzufügen auf den Dropdownpfeil klicken,Ee341396.203a14a5-0db2-486e-9b94-4fdf658d531b(DE-DE,Expression.30).png, um unterschiedliche Eigenschaftstpyen (einfach, komplex und Auflistung) hinzuzufügen.

  7. Klicken Sie neben der neuen Eigenschaft (Property4) auf Eigenschaftstyp ändern Ee341396.c4968582-0dae-407e-961b-80ffa2838f3b(DE-DE,Expression.30).png. Klicken Sie im angezeigten Editor neben Typ auf den Dropdownpfeil, und klicken Sie auf Bild.

  8. Klicken Sie auf eine beliebige Stelle außerhalb des Editors, um den Editor zu schließen.

    Das Symbol neben der Eigenschaft Property4 wird aktualisiert, um sie als eine Bildeigenschaft Ee341396.675c8aad-5da1-4df3-8a7a-b26418c4e8cf(DE-DE,Expression.30).png zu identifizieren.

Nun verfügen Sie über eine Auflistung von Beispieldaten, die Sie in einem DataGrid-Steuerelement anzeigen können.

Weitere Informationen dazu, wie Sie Beispieldaten ändern und zusätzliche Dateneigenschaften hinzufügen, finden Sie unter Ändern von Beispieldaten.

So füllen Sie ein DataGrid-Steuerelement auf

Es gibt mehrere Möglichkeiten, Daten auf der Zeichenfläche an Steuerelemente zu binden. Im Folgenden wird gezeigt, wie Sie am schnellsten verfahren, wenn Sie ein DataGrid-Steuerelement verwenden.

Weitere Optionen finden Sie unter Binden eines Objekts an Daten.

  1. Klicken Sie im Werkzeugpanel auf ObjekteEe341396.0d8b8d29-1af9-418f-8741-be3097d76eab(DE-DE,Expression.30).png.

    Ee341396.alert_tip(DE-DE,Expression.30).gifTipp:

    Alternativ können Sie die Objekte in einem angedockten Panel anzeigen, indem Sie im Menü Fenster auf Objekte klicken.

  2. Erweitern Sie Steuerelemente im Objektepanel, klicken Sie auf Alle und dann auf DataGridEe341396.55bfb0df-05d2-4b58-8312-24a3aed103e3(DE-DE,Expression.30).png-Steuerelement.

    Die Schaltfläche unter ObjekteEe341396.0d8b8d29-1af9-418f-8741-be3097d76eab(DE-DE,Expression.30).png im Werkzeugpanel zeigt das Symbol für das DataGrid-Steuerelement an und wird ausgewählt.

  3. Verwenden Sie die Maus, um auf der Zeichenfläche im Hauptdokument ein großes DataGrid-Objekt zu zeichnen.

  4. Ziehen Sie im Datenpanel die Auflistung der Beispieldaten (Ee341396.94dad06c-7ddb-4c5e-b2ee-74b394c713ff(DE-DE,Expression.30).png Auflistung) auf das neue DataGrid-Objekt.

    Das DataGrid-Objekt zeigt die Auflistung in der Beispieldatenquelle an und konvertiert dabei Bildeigenschaften in Bildobjekte und boolesche Eigenschaften in Kontrollkästchen.

  5. Drücken Sie F5, um die Anwendung auszuführen.

    Wenn Sie die Beispieldaten aus dem vorherigen Verfahren verwenden und beim Testen der Anwendung aktiviert haben, sollte Folgendes angezeigt werden:

    Ee341396.c5466ecc-fe83-4d23-96c0-ca058daa29d0(DE-DE,Expression.30).png

    Ee341396.alert_tip(DE-DE,Expression.30).gifTipp:

    Um ein DataGrid-Objekt nach der Änderung der im Objekt angezeigten Beispieldaten auf der Zeichenfläche zu aktualisieren, können Sie die einzelnen Dateneigenschaften auf das Steuerelement ziehen, um neue Spalten hinzuzufügen. Sie können aber auch die gesamte Auflistung ziehen. Erweitern Sie im Panel Objekte und Zeitachsen den Spaltenknoten des DataGrid-Objekts, um die Spalten zu löschen oder neu zu anordnen.

So ändern Sie eine Spaltenüberschrift in einem DataGrid-Steuerelement

Wenn Sie eine Auflistung von Daten auf ein DataGrid-Steuerelement ziehen, werden die Spaltenüberschriften über die Namen der Eigenschaften festgelegt. Sie können die Spaltenüberschriften aber auch noch ändern, wenn Sie das DataGrid-Steuerelement bereits gefüllt haben.

  1. Erweitern Sie im Panel Objekte und Zeitachsen das [DataGrid]-Objekt, um die Spaltenobjekte einzublenden.

  2. Wählen Sie das erste Spaltenobjekt ([DataGridTemplateColumn] "Property1") aus. Geben Sie im Eigenschaftenpanel neben der Header-Eigenschaft einen aussagekräftigen Namen ein, z. B. "Beschreibung," und drücken Sie die EINGABETASTE.

  3. Wählen Sie die beiden anderen Spalten aus, und ändern Sie die Namen.

  4. Drücken Sie F5, um die Anwendung auszuführen.

    Wenn Sie die Beispieldaten aus dem vorherigen Verfahren verwenden und beim Testen der Anwendung aktiviert haben, sollte etwas angezeigt werden, das dem Folgenden ähnelt:

    Ee341396.749194f0-94df-4ceb-bdcb-30b35c6ae56b(DE-DE,Expression.30).png

So ändern Sie die Darstellung eines DataGrid-Steuerelements

Sie können die Darstellung von Steuerelementen ändern, indem Sie die Eigenschaften der Elemente oder die Vorlagen ändern, die für die Gestaltung der Elemente und Vorlagen verwendet werden. Sie können die Gesamtvorlage, eine leere Zeilenvorlage, die auf einzelne Zellen angewendete Vorlagen, Kopfzeilenvorlagen usw. ändern.

Weitere Informationen finden Sie unter Erstellen oder Bearbeiten einer Vorlage.

So ändern Sie die Darstellung von Spaltenüberschriften

  1. Klicken Sie mit der rechten Maustaste im Panel Objekte und Zeitachsen oder auf der Zeichenfläche auf das DataGrid-Objekt, zeigen Sie auf Andere Vorlagen bearbeiten, zeigen Sie auf ColumnHeaderStyle bearbeiten, und klicken Sie dann auf Kopie bearbeiten.

    Ee341396.976995f7-d28e-4af7-8bba-4b1555eaff54(DE-DE,Expression.30).png

  2. Klicken Sie im Dialogfeld Stilressource erstellen auf OK.

    Expression Blend öffnet den Vorlagenbearbeitungsmodus. Die Breadcrumb-Leiste am oberen Rand der Zeichenfläche zeigt an, dass Sie eine Vorlage im DataGrid-Objekt bearbeiten.

  3. Fügen Sie der Vorlage im Panel Objekte und Zeitachsen weitere Objekte hinzu, oder ändern Sie die Eigenschaften vorhandener Objekte im Eigenschaftenpanel. Im [Grid]-Objekt ist z. B. ein Pfad mit dem Namen SortIcon vorhanden, der ein Symbol für eine Sortierschaltfläche darstellt. Sie können stattdessen ein Bild verwenden oder den Pfad ändern Die Sortierschaltfläche wird angezeigt, wenn Sie die Anwendung ausführen und auf die Spaltenüberschrift klicken.

    Ee341396.alert_tip(DE-DE,Expression.30).gifTipp:

    Einige Eigenschaften sind eventuell mit einem gelben Begrenzungsrahmen versehen. Dadurch wird angezeigt, dass diese Eigenschaften an Daten oder an Eigenschaften des Steuerelements gebunden sind, das die Vorlage verwendet (Vorlagenbindung).

    Weitere Informationen zur Vorlagenbindung finden Sie unter Formatieren eines Steuerelements, das Vorlagen unterstützt.

So ändern Sie die Darstellung von Zellen, die Bilder enthalten

  1. Klicken Sie mit der rechten Maustaste auf der Zeichenfläche auf eine Zelle im DataGrid-Objekt, das ein Bild anzeigt, zeigen Sie auf Spaltenvorlagen bearbeiten, zeigen Sie auf CellTemplate bearbeiten, und klicken Sie auf Aktuelle Vorlage bearbeiten.

  2. Fügen Sie dem [StackPanel]-Layoutcontainer im Panel Objekte und Zeitachsen weitere Objekte hinzu (z. B. ein Copyrightsymbol), oder wählen Sie das [Image]-Objekt, und ändern Sie die Eigenschaften des Objekts im Eigenschaftenpanel.

    Die Änderungen, die Sie vornehmen, haben Auswirkungen auf alle Zellen, die Bilder enthalten.

So ändern Sie die Farbe abwechselnder Zeilen

  1. Wählen Sie im Panel Objekte und Zeitachsen das [DataGrid]-Objekt aus.

  2. Klicken Sie im Eigenschaftenpanel unter Zeilen in das Rechteck neben der AlternatingRowBackground-Eigenschaft:

    Ein Pinseleditor wird angezeigt.

  3. Wählen Sie einen Pinseltyp aus, indem Sie auf eine der Registerkarten am oberen Rand des Farbeditors klicken. Wenn Sie den vorhandenen Pinsel (Pinsel mit Volltonfarbe Ee341396.b62aabb4-fad4-4a9b-a84c-16c98012cf27(DE-DE,Expression.30).png) verwenden und die Farbe ändern, stellen Sie sicher, dass Sie die Alpha-Eigenschaft erhöhen, um zu vermeiden, dass die Farbe transparent ist.

  4. Sie können die Farben der anderen Zeilen ändern, indem Sie die RowBackground-Eigenschaft ändern.

    Weitere Informationen dazu, wie Sie Pinsel ändern, finden Sie unter Festlegen von Farben, Pinseln und Masken.

Siehe auch

Weitere Ressourcen

Erstellen von Beispieldaten

Herstellen einer Verbindung zu Livedaten

Anzeigen von Daten in Steuerelementen