Tabelle
Datagrid auf Basis von DataTables – Spalten, Aktionen und Zeilenverhalten über ein Fluent-API.
Referenz
Alle Builder- und Spalten-Methoden auf einen Blick.
Grundfall
AjaxDataUrl und der Endpunkt dahinter – mit Blättern, Suchen und Seitengrösse.
Aktion vor dem Ausführen abfangen (gridButtonClick)
Route-Werte je Zeile anhängen oder die Aktion mit preventDefault anhalten.
Auf geladene Daten reagieren (griddataloaded)
Die Antwort des Endpunkts mit den Zählwerten aus GridDataSource.
Nach einer Aktion nachziehen (gridAsyncButtonClicked)
Der Postback im Hintergrund ist durch und die Tabelle neu geladen.
Zeilen auszeichnen (gridRowCreated)
Die Zeile abhängig von ihren Daten auszeichnen, statt über eine Zeilenbedingung.
Zellen auszeichnen (gridCellCreated)
Der Ersatz für CellAttributes und EmptyColumnChar.
Feste Filterwerte in der Adresse
Werte, die beim Aufbau der Seite feststehen, über ToRouteValueDictionary an den Endpunkt.
Suchformular über der Tabelle
Eigene Suchfelder gehen mit jeder Abfrage mit; neu geladen wird über gridReload.
Spalten aufbereiten
Fertige Werte aus der Datenquelle statt Format, Custom und EmptyColumnChar.
Unterzeilen nachladen
ChildForAsync holt den Inhalt der Unterzeile erst beim Aufklappen.
Aktionen ohne Seitenwechsel
Entfernen, Dialog und Umschalten als Postback im Hintergrund, Antwort als JSON.
Aktionen sperren und ausblenden
DisabledClientExpression, VisibleClientExpression und DisableRowClientExpression statt Disabled und Visible.
Mehrfachauswahl (bulkeditchange)
Auswahlkästchen im Formular, Feldname aus ClientDataKey, Auswahl nur auf der angezeigten Seite.
Zeilenklick
Ganze Zeile anklickbar – auch nach dem Blättern, ohne Zutun.
Grundfall Einstieg 1
BindTo und Columns – der kleinste vollständige Aufbau.
Grid in einem Formular
NestedForm gegen verschachtelte Formulare, Aktion als Submit-Button.
Ohne Daten
Leere Liste mit eigenem Hinweistext statt der Vorgabe.
Benutzerdefinierte Spalte
Freies HTML in der Zelle, sortiert über SortByKey.
Spalten formatieren Einstieg 2
Format, Breite, Sichtbarkeit, Tooltip und getrennte Sortierung.
Zellen auszeichnen
Attribute an der einzelnen Zelle, Symbol für leere Zellen.
Unterzeilen
Aufklappbare Untertabelle je Zeile über ChildFor.
Unterzeilen offen halten
Erste Unterzeile offen starten, weitere offen lassen.
Unterzeilen-Spalte darstellen
Symbol, Text oder beides in der Aufklapp-Spalte.
Aktionen je Zeile Einstieg 3
Ansehen, Bearbeiten, Entfernen und eigene Aktionen über FmhGrid.
Aktionen sperren und ausblenden
Disabled, Visible und Property je Zeile entschieden.
Dialog-Aktion
Rückfrage im Dialog des Grids statt sofortiger Navigation.
Umschalt-Aktion
Schaltfläche mit zwei Zuständen über ToogleButton und ToggleStatus.
Mehrfachauswahl (bulkeditchange)
Auswahlkästchen im Formular, Auswertung über bulkeditchange.
Zeilen sperren
DisableRow sperrt Zeilen fachlich samt ihrer Aktionen.
Zeilen umsortieren (gridrowmoved)
Drag & Drop der Zeilen, Auswertung über gridrowmoved.
Zeilenklick
Ganze Zeile anklickbar, Ziel über data-row-click-default.