Tritium UI
TritiumDataGrid
Zeigen, bearbeiten, filtern, gruppieren und exportieren Sie tabellarische oder hierarchische Daten in einem MAUI-Gitter.
Wichtige Merkmale
- Binden Sie ItemsSource und erzeugen Sie Spalten automatisch, oder deklarieren Sie Text-, Zahlen-, boolesche, Datums-, Kombinations- und Vorlagenspalten.
- Lassen Sie sortieren, die Breite ändern, umordnen, ausblenden und Spalten links oder rechts einfrieren.
- Filtern Sie mit einem Textfeld, einer Liste oder einem Baum eindeutiger Werte, Excel-artigen Filtern und einem erweiterten UND/ODER-Filter.
- Gruppieren Sie Zeilen, klappen Sie einen Baum von Kindern auf, zeigen Sie Zeilendetails und wechseln Sie zwischen Tabelle und Kartenlayout.
- Bearbeiten Sie Zellen inline oder mit einer Zeilenvorlage und machen Sie Änderungen rückgängig oder übernehmen Sie sie.
- Wählen Sie Zeilen oder Zellen, kopieren Sie die Auswahl als tabulatorgetrennten Text und fügen Sie ihn wieder ins Gitter ein.
- Zeigen Sie Spaltensummen (Summe, Mittelwert, Anzahl, Min, Max), führen Sie gleiche Zellen zusammen, heften Sie Zeilen an und färben Sie Zellen mit bedingten Regeln.
- Blättern Sie die Zeilen, suchen Sie Text und speichern oder stellen Sie Spalten-, Sortier-, Filter- und Gruppenzustand wieder her.
- Exportieren Sie CSV oder Excel und drucken oder zeigen Sie die aktuelle Ansicht als HTML in der Vorschau.
Plattformen
Android, iOS, Mac Catalyst und Windows 10 Version 19041 und höher (.NET 10 MAUI).
Wichtigste API
- ItemsSource . The rows to display.
- Columns . Explicit text, numeric, boolean, date, combo, or template columns.
- SelectionMode . None, single-row, or multiple-row selection.
- CellEditEnded . Fires after an inline edit; set Cancel on CellEditStarting to block it.
Grundbeispiel
Deklarieren Sie diesen Namespace auf der Seite.
xmlns:grid="clr-namespace:Tritium.Maui.DataGrid;assembly=Tritium.Maui.DataGrid"
<grid:TritiumDataGrid ItemsSource="{Binding Orders}" SelectionMode="Single" CanUserFilter="True">
<grid:TritiumDataGrid.Columns>
<grid:DataGridTextColumn HeaderText="Order" BindingPath="OrderId" />
<grid:DataGridNumericColumn HeaderText="Amount" BindingPath="Amount" StringFormat="C" />
</grid:TritiumDataGrid.Columns>
</grid:TritiumDataGrid> Nehmen Sie die Paketquelle aus Ihrer Lizenz auf und verweisen Sie dann auf das Paket, das dieses Steuerelement enthält. Diese Pakete liegen nicht in der öffentlichen NuGet-Galerie.