Sie sind hier:
Lexikon/Glossar
Telefon (Mo-Fr 9-16 Uhr):
0201/649590-0
|
Kontaktformular
MENU
Start
Hauptseite
Angebote im Überblick
Kernkompetenzen
Softwareentwicklung
Beratung
Firmen-Schulungen
Offene Seminare
Online-Maßnahmen
Vorträge
Coaching
Support
Fachbücher
Fachartikel
Konditionen
Themen
Kernkompetenzen
Aktuelle Themen
Web & Cloud
Apps / Mobilplattformen
Benutzeroberflächen / User Experience
.NET
JavaScript / TypeScript
Java
Programmiersprachen
Entwicklungswerkzeuge
Scripting
Softwareengineering
Datenbanken / Reporting / BI
Betriebssysteme & Virtualisierung
Microsoft Server-Produkte
Windows & Office für Anwender
Soft Skills & IT-Recht
Beratung
Beratungsthemen
Coaching
Softwareentwicklung
Technischer Support
Unsere Top-Berater
Referenzkunden
Angebotsanfrage
Individuelle Schulungen
1026 Schulungsthemen
Agendakonfigurator
Weiterbildungsphilosophie
Didaktische Konzepte
Vor Ort oder online
Unsere Top-Trainer
Referenzkunden
Teilnehmerfeedback
Angebotsanfrage
Offene Seminare
.NET-Akademie
.NET/C#-Basisseminar
WPF
WinUI
.NET MAUI
Blazor
ASP.NET WebAPI & gRPC
Entity Framework Core
Unit Testing / TDD
PowerShell
Infotage
Wissen
Übersicht
Fachbücher
Fachartikel
Konferenzvorträge
Konferenzen/Events
Spickzettel
Lexikon/Glossar
Programmcodebibliothek
Versionshistorie
Weblog
Downloads
Newsletter
Community-/Leserportal
Registrierung
.NET/C#/Visual Studio
.NET 10.0
.NET 9.0
.NET 8.0
ASP.NET (Core)/Blazor
PowerShell
Über uns
Kontakt
Selbstdarstellung
Kernkompetenzen
Dr. Holger Schwichtenberg
Top-Experten
Leitung & Kundenteam
Referenzkunden
Kundenaussagen
Referenzprojekte
Partner
Konditionen
Stellenangebote
Weitere Websites
Impressum
Datenschutzerklärung, Haftung, Urheberrecht, Barrierefreiheit
Suche
Themenkatalog
Tag Cloud
Volltextsuche
Site Map
FAQs
Erklärung des Begriffs: Model Binding
Zur Stichwortliste unseres Lexikons
Was ist
Model Binding
?
Model Binding ist eine
Datenbindung
sform, die zuerst in
ASP.NET MVC
und seit
.NET 4.5
auch in ASP.NET
Webforms
zum Einsatz kommt.
Microsoft spricht von "codefokussierter
Datenbindung
.". Anders als bei dem ObjectDataSource-
Steuerelement
gibt es bei dem neuen Model Binding keinen Intermediär zwischen Datensteuerelement und dem Programmcode. Vielmehr hat Microsoft die Datensteuerelemente um bis zu vier Eigenschaften erweitert, die jeweils auf den Namen einer
Methode
in der Code-Behind-Datei verweisen können:
SelectMethod: Name einer
Methode
, die
Objekt
e in Form einer aufzählbaren Menge als
IEnumerable
, IQueryable,
IEnumerable
<Typ> oder IQueryable<Typ> liefert. Sie kann ggf. Parameter für Filtern und Sortieren besitzen.
InsertMethod: Name einer
Methode
, die ein einzufügendes
Objekt
als Parameter empfängt.
DeleteMethod: Name einer
Methode
, die ein löschendes
Objekt
als Parameter empfängt.
UpdateMethod: Name einer
Methode
, die ein aktualisierendes
Objekt
als Parameter empfängt.
Beispiel
Das Listing 1 zeigt ein
GridView
-
Steuerelement
, das drei dieser Properties verwendet. Da ein
GridView
-
Steuerelement
wie bisher auch schon keine neuen Zeilen anfügen kann, ist die Angabe einer InsertMethod hier nicht erlaubt.
Die zugehörige Implementierung der SelectMethod, DeleteMethod oder UpdateMethod liegt in der Code-Behind-Datei, siehe Listing 2. Die drei
Methode
n sind mit Hilfe des
ADO.NET Entity Framework
s realisiert, das hier nicht gezeigt wird.
<asp:
GridView
ID="
GridView
1" runat="server" DataKeyNames="FlugNr"
SelectMethod="GetFlug" UpdateMethod="UpdateFlug" DeleteMethod="DeleteFlug"
CellPadding="4" ForeColor="#333333"
GridLines="None" Allow
Paging
="True" AllowSorting="True" PageSize="5" AutoGenerateColumns="false"
ItemType="de.
WWW
ings.GO.Flug">
<AlternatingRowStyle BackColor="White" />
<Columns>
<asp:Command
Field
ShowDelete
Button
="True" ShowEdit
Button
="True" />
<asp:Bound
Field
Data
Field
="FlugNr" HeaderText="FlugNr">
<ItemStyle HorizontalAlign="Left" />
</asp:Bound
Field
>
<asp:Bound
Field
Data
Field
="Datum" HeaderText="Datum">
<ItemStyle HorizontalAlign="Left" />
</asp:Bound
Field
>
<asp:Bound
Field
Data
Field
="Abflugort" HeaderText="Abflugort" SortExpression="Abflugort">
<ItemStyle HorizontalAlign="Left" />
</asp:Bound
Field
>
<asp:Bound
Field
Data
Field
="ZielOrt" HeaderText="Zielort" SortExpression="Zielort">
<ItemStyle HorizontalAlign="Left" />
</asp:Bound
Field
>
<asp:Bound
Field
Data
Field
="Plaetze" HeaderText="Plaetze" SortExpression="Plaetze">
<ItemStyle HorizontalAlign="Left" />
</asp:Bound
Field
>
<asp:Bound
Field
Data
Field
="FreiePlaetze" HeaderText="FreiePlaetze" SortExpression="FreiePlaetze" />
<asp:
Template
Field
HeaderText="Auslastung" ItemStyle-HorizontalAlign="Right">
<Item
Template
>
<%# Math.Round(((double)Item.FreiePlaetze / (double)Item.Plaetze)*100,2) + "%" %>
</Item
Template
>
<ItemStyle HorizontalAlign="Right"></ItemStyle>
</asp:
Template
Field
>
</Columns>
</asp:
GridView
>
Listing 1: Model Binding in der .aspx-Datei
using System;
using System.Linq;
using de.
WWW
ings.GO;
public partial class ModelBinding2 :
System.Web.UI.Page
{
WWW
ings6Entities model = new
WWW
ings6Entities();
// Select-
Methode
für
GridView
: Holt alle Flüge
public IQueryable<Flug> GetFlug()
{
return model.Flug;
}
// Update-
Methode
für
GridView
public void UpdateFlug(Flug flug)
{
if (ModelState.IsValid)
{
model.AttachTo("Flug", flug);
model.ObjectStateManager.ChangeObjectState(flug,
System.Data
.EntityState.Modified);
model.SaveChanges();
}
}
// Delete-
Methode
für
GridView
public void DeleteFlug(Flug flug)
{
if (ModelState.IsValid)
{
model.AttachTo("Flug", flug);
model.ObjectStateManager.ChangeObjectState(flug,
System.Data
.EntityState.Deleted);
model.SaveChanges();
}
}
}
Listing 2: Model Binding in Code-Behind-Datei
IQueryable
Wichtig ist an dieser Stelle der Rückgabetyp von GetFlug(): IQueryable<Flug> sorgt dafür, dass das Datensteuerelement nicht bereits die Ergebnismenge von Form von Flug-
Objekt
en erhält, sondern eine noch nicht abgeschlossene
LINQ-to-Entities
-Abfrage. Das Datensteuerelement kann sodann noch Sortieren, Blättern oder Filterbedingungen zu dieser Abfrage ergänzen, sodass diese Operationen dann auch in der
Datenbank
erfolgen und nicht im Client. Das Listing 3 zeigt den
SQL
-Befehl, den die
Datenbank
vom
ADO.NET Entity Framework
erhält, wenn der Benutzer in dem
GridView
nach "Plaetze" sortiert und die fünfte Seite anfordert. Während also bei dem ObjectDataSource-
Steuerelement
die Zusammenarbeit auf Basis von einigen wenigen starren
Methode
nsignaturen erfolgte, sind beim Model Binding alle Möglichkeiten der LINQ-Syntax erlaubt.
Theoretisch könnte GetFlug() auch ein
IEnumerable
<Flug> zurückgeben. Dadurch erhielte das Datensteuerelement direkt die Ergebnismenge, dann aber greift das ModelBinding genau wie das ObjectDataSource-
Steuerelement
auf Konventionen zurück, die GetFlug() erfüllen müsste. Wenn die Konventionen nicht erfüllt werden, erhält man die Fehlermeldung: "When the DataBoundControl has paging enabled, either the SelectMethod should return an IQueryable<ItemType> or should have all these mandatory parameters : int startRowIndex, int maximumRows, out int totalRowCount".
SELECT TOP (5)
[Extent1].[FlugNr] AS [FlugNr],
[Extent1].[Abflugort] AS [Abflugort],
[Extent1].[Datum] AS [Datum],
[Extent1].[Zielort] AS [Zielort],
[Extent1].[NichtRaucherFlug] AS [NichtRaucherFlug],
[Extent1].[Plaetze] AS [Plaetze],
[Extent1].[Memo] AS [Memo],
[Extent1].[FreiePlaetze] AS [FreiePlaetze],
[Extent1].[Pilot
PersonID] AS [Pilot
PersonID],
[Extent1].[Ankunft] AS [Ankunft],
[Extent1].[test] AS [test]
FROM ( SELECT [Extent1].[FlugNr] AS [FlugNr], [Extent1].[Abflugort] AS [Abflugort], [Extent1].[Zielort] AS [Zielort], [Extent1].[Datum] AS [Datum], [Extent1].[NichtRaucherFlug] AS [NichtRaucherFlug], [Extent1].[Plaetze] AS [Plaetze], [Extent1].[FreiePlaetze] AS [FreiePlaetze], [Extent1].[Pilot
PersonID] AS [Pilot_PersonID], [Extent1].[Ankunft] AS [Ankunft], [Extent1].[Memo] AS [Memo], [Extent1].[test] AS [test], row_number() OVER (ORDER BY [Extent1].[Plaetze] ASC) AS [row
number]
FROM [dbo].[Flug] AS [Extent1]
) AS [Extent1]
WHERE [Extent1].[row_number] > 20
ORDER BY [Extent1].[Plaetze] ASC
Listing 3: Beispiel einer von dem obigen Beispiel produzierten
SQL
-Abfrage
Typisierte
Datenbindung
sausdrücke
Hervorzuheben in Listing 1 ist auch die Verwendung der Eigenschaft ItemType in der ASPX-Seite. ItemType ist ebenfalls neu in ASP
.NET 4.5
. Datensteuerelemente in ASP.NET
Webforms
besitzen seit den ersten Tagen von ASP.NET neben fest definierten Spalten- und Zeilenvorlagen die Möglichkeit, über sogenannte freie Vorlagen (
Template
Field
s) die Gestaltung einer Spalte (z.B. im
GridView
-
Steuerelement
) bzw. Zeile (z.B. im
DetailsView
-
Steuerelement
) frei mit
HTML
-Tags zu definieren. Ein
Template
Field
enthält verschiedene Vorlagenarten, z.B. Header
Template
, Item
Template
, Alternating Item
Template
, Edit Item
Template
und Footer
Template
. Jede Vorlage besteht aus festen und dynamischen Bestandteilen, wobei die dynamischen Bestandteile durch ein <%# %> einzurahmen sind und die Verweise auf Eigenschaften des aktuellen Datenelements mit Eval() oder Bind() abzurufen sind. Dabei ist Eval() eine Ein-Wege- und Bind() eine Zwei-Wege-
Datenbindung
.
Das folgende Fragment zeigt ein
Template
Field
mit Item
Template
in dem mit Eval() auf die Eigenschaft "FreiePlaetze" aus den angebundenen Flug-
Objekt
en Bezug genommen wird. Dabei sind Datentypkonvertierungen zwingend notwendig, da Eval() als Rückgabetyp nur das universelle
System.Object
deklariert.
<asp:
Template
Field
HeaderText="Auslastungtext" ItemStyle-HorizontalAlign="Right">
<Item
Template
>
<%# Convert.ToInt32(Eval("FreiePlaetze")) < 10 ?
"gut" : (Convert.ToInt32(Eval("FreiePlaetze")) < 100 ? "mittel" : "schlecht") %>
</Item
Template
>
</asp:
Template
Field
>
In ASP
.NET 4.5
kann dies eleganter definiert werden, indem man in dem Datensteuerelemente mit der Eigenschaft ItemType deklariert, welcher Klasse die gebundenen
Objekt
e angehören und in der Vorlage mit Item.Eigenschaftname Bezug auf das gebundene
Objekt
nimmt (siehe Listing 1).
Typkonvertierung
en entfallen dabei.
Visual Studio 2012
stellt IntelliSence-Eingabeunterstützung sowohl für die Eingabe von ItemType als auch die Eigenschaften von Item bereit. Freilich funktionieren typisierte
Datenbindung
sausdrücke nur mit expliziten Geschäftsobjektklassen – bei untypisierten Datacontainern wie einem
DataSet
ist dies nicht möglich, da die
Entwicklungsumgebung
den Inhalt nicht kennen kann und Item.Eigenschaftname auch nicht zum Ziel führen kann.
Abfrageparameter beim Model Binding
Bei der Vorstellung der SelectMethod wurde schon erwähnt, dass diese Filterparameter besitzen kann. Diese Filterparameter können mit Werten befüllt werden, wenn das Datensteuerelement die SelectMethod aufruft. Dafür gibt es beim Model Binding sogenannte Value Provider, die die Werte aus verschiedenen Quellen akquirieren: Control, Cookie, QueryString, Form, Profile, ViewState, Session. Man kann auch eigene Value Provider schreiben (Basisklasse ValueProvider).
Der Value Provider hat die Aufgabe, den Wert aus der jeweiligen Quelle zu extrahieren. Wenn das nicht gelingt, muss er null übergeben. Daher sollten die Parameter einen "nullable" Datentyp besitzen. Der zu verwendende Value Provider wird vor einem
Methode
nparameter als .NET-
Attribut
deklariert, z.B.
Public IQueryable<Flug> GetFluege([System.Web.ModelBinding.Control] string Ort)
oder
public IQueryable<Flug> GetFluege([System.Web.ModelBinding.QueryString] string Ort)
Das Model Binding-Beispiel soll nun um zwei weitere
Steuerelement
e auf der Webseite erweitert werden:
Über ein DropDown-
Steuerelement
kann der Benutzer die Flugtabelle auf bestimmte Abflugorte beschränken.
In einem
DetailsView
-
Steuerelement
sieht der Benutzer Details zu einem gewählten Flug. Listing 4 zeigt den ASPX-Code für das Beispiel.
<%--Auswahl--%>
Ort:
<asp:
DropDownList
ID="Ort" runat="server" SelectMethod="GetOrte"
AutoPostBack="True" AppendDataBoundItems="true">
<asp:ListItem>Bitte wählen</asp:ListItem>
</asp:
DropDownList
><br />
<%--Tabelle--%>
<asp:ValidationSummary runat="server" ShowModelStateErrors="true" HeaderText="Bitte korrigieren Sie folgende Eingabefehler:" />
<asp:
GridView
ID="FlugTabelle" runat="server" DataKeyNames="FlugNr"
SelectMethod="GetFluege" UpdateMethod="UpdateFlug" DeleteMethod="DeleteFlug"
CellPadding="4" ForeColor="#333333"
GridLines="None" Allow
Paging
="True" AllowSorting="True" PageSize="5" AutoGenerateColumns="false"
ItemType="de.
WWW
ings.GO.Flug">
<AlternatingRowStyle BackColor="White" />
<Columns>
<asp:Command
Field
ShowDelete
Button
="True" ShowEdit
Button
="True" ShowSelect
Button
="true" />
<asp:Bound
Field
Data
Field
="FlugNr" HeaderText="FlugNr">
<ItemStyle HorizontalAlign="Left" />
</asp:Bound
Field
>
<asp:Bound
Field
Data
Field
="Datum" HeaderText="Datum">
<ItemStyle HorizontalAlign="Left" />
</asp:Bound
Field
>
<asp:Bound
Field
Data
Field
="Abflugort" HeaderText="Abflugort" SortExpression="Abflugort">
<ItemStyle HorizontalAlign="Left" />
</asp:Bound
Field
>
<asp:Bound
Field
Data
Field
="ZielOrt" HeaderText="Zielort" SortExpression="Zielort">
<ItemStyle HorizontalAlign="Left" />
</asp:Bound
Field
>
<asp:Bound
Field
Data
Field
="Plaetze" HeaderText="Plaetze" SortExpression="Plaetze">
<ItemStyle HorizontalAlign="Left" />
</asp:Bound
Field
>
<asp:Bound
Field
Data
Field
="FreiePlaetze" HeaderText="FreiePlaetze" SortExpression="FreiePlaetze" />
<asp:
Template
Field
HeaderText="Auslastung" ItemStyle-HorizontalAlign="Right">
<Item
Template
>
<%# Math.Round(((double)Item.FreiePlaetze / (double)Item.Plaetze)*100,2) + "%" %>
</Item
Template
>
<ItemStyle HorizontalAlign="Right"></ItemStyle>
</asp:
Template
Field
>
</Columns>
</asp:
GridView
>
<%--Detailansicht--%>
<asp:
DetailsView
ID="Detailsview1" runat="Server"
SelectMethod="GetFlug" UpdateMethod="UpdateFlug" DeleteMethod="DeleteFlug" CellPadding="4" ForeColor="#333333" GridLines="None">
<AlternatingRowStyle BackColor="White" />
<CommandRowStyle BackColor="#C5BBAF" Font-Bold="True" />
</asp:
DetailsView
>
Listing 4: Erweiterter ASPX-Code mit drei Datensteuerelementen
In der Code-Behind-Klasse gilt es nun zu realisieren (siehe Listing 5):
1. Eine
Methode
GetOrte(), die eine
Liste
von Zeichenketten mit allen Ortsnamen für das DropDown-
Steuerelement
liefert.
2. Die
Methode
GetFluege() muss um einen Parameter für den gewählten Ort ergänzt werden.
3. Für das
DetailsView
-
Steuerelement
braucht man eine
Methode
GetFlug(), die als Parameter die Information über den aktuell in der Tabelle gewählten Flug erhält.
Model Binding arbeitet nach dem Prinzip "Konventionen vor Konfiguration" bei den Value Providern: wenn der Wert im Provider genauso heißt wie der Parametername in der
Methode
, dann erfolgt konventionsgemäß die Bindung. Andersfalls kann der Entwickler in einem .NET-
Attribut
den Namen des Werts benennen. So erfolgt im Fall von
public IQueryable<Flug> GetFluege([System.Web.ModelBinding.Control] string Ort)
die Bindung auf Basis der Konvention, während eine explizite Konfiguration bei
public Flug GetFlug([Control("FlugTabelle")] int? aktuelleFlugNr)
erfolgt. Das macht Sinn, denn "FlugTabelle" wäre ein schlechter Name für einen Parameter, in dem die aktuelle Flugnummer steht.
Using System;
using System.Linq;
using System.Web.ModelBinding;
using de.
WWW
ings.GO;
public partial class ModelBinding2 :
System.Web.UI.Page
{
WWW
ings6Entities model = new
WWW
ings6Entities();
// Select-
Methode
für DropDown
public IQueryable<string> GetOrte()
{
WWW
ings6Entities model = new
WWW
ings6Entities();
return (from f in model.Flug select f.Abflugort).Distinct();
}
// Select-
Methode
für
GridView
: Holt alle Flüge
public Flug GetFlug([Control("FlugTabelle")] int? aktuelleFlugNr)
{
return model.Flug.Where(f => f.FlugNr == aktuelleFlugNr).SingleOrDefault();
}
// Select-
Methode
für Grid mit Parameter aus Control
public IQueryable<Flug> GetFluege([System.Web.ModelBinding.Control] string Ort)
{
WWW
ings6Entities model = new
WWW
ings6Entities();
return model.Flug.Where(x => x.Abflugort == Ort);
}
// Update-
Methode
für
GridView
public void UpdateFlug(Flug flug)
{
if (ModelState.IsValid)
{
model.AttachTo("Flug", flug);
model.ObjectStateManager.ChangeObjectState(flug,
System.Data
.EntityState.Modified);
model.SaveChanges();
}
}
// Delete-
Methode
für
GridView
public void DeleteFlug(Flug flug)
{
if (ModelState.IsValid)
{
model.AttachTo("Flug", flug);
model.ObjectStateManager.ChangeObjectState(flug,
System.Data
.EntityState.Deleted);
model.SaveChanges();
}
}
}
Listing 5: Code-Behind-Klasse für das erweiterte Beispiel mit drei Datensteuerelementen
Querverweise zu anderen Begriffen im Lexikon
ADO.NET Entity Framework (EF)
Entwicklungsumgebung
System.Web.UI.Page
Visual Studio 2012 (VS2012)
Typkonvertierung
LINQ-to-Entities (L2E)
System.Object
Steuerelement
Datenbindung
DropDownList
DetailsView
IEnumerable
System.Data
Datenbank (DB)
Template
Attribut
.NET 4.5
GridView
Webforms
Methode
DataSet
Objekt
Button
Paging
Field
Liste
ASP.NET Model View Controler (ASP.NET MVC)
Hypertext Markup Language (HTML)
Structured Query Language (SQL)
World Wide Web (WWW)
Beratung & Support
Anfrage für Beratung/Consulting zu MODEL BINDING
Gesamter Beratungsthemenkatalog
Technischer Support zum MODEL BINDING
Schulungen
Von ASP.NET 3.5 nach ASP.NET 4.0/4.5: Neuerungen in ASP.NET 4.0/4.5
Anfrage für eine individuelle Schulung zum Thema MODEL BINDING
Gesamter Schulungsthemenkatalog
Fachbücher
Blazor 10.0: Moderne Webanwendungen und hybride Cross-Platform-Apps mit .NET 10.0, C# 14.0 und Visual Studio 2026
C# 14.0 Crashkurs
Moderne Datenzugriffslösungen mit Entity Framework Core 10.0
.NET 10.0 Update: Die Neuerungen in .NET 10.0 gegenüber .NET 9.0
Blazor 9.0: Moderne Webanwendungen und hybride Cross-Platform-Apps mit .NET 9.0, C# 13.0 und Visual Studio 2022
C# 13.0 Crashkurs
Cross-Plattform-Apps mit .NET MAUI entwickeln
Moderne Datenzugriffslösungen mit Entity Framework Core 9.0
.NET 9.0 Update: Die Neuerungen in .NET 9.0 gegenüber .NET 8.0
PowerShell 7 und Windows PowerShell 5 – das Praxishandbuch
.NET 8.0 Update: Die Neuerungen in .NET 8.0 gegenüber .NET 7.0
Concurrency with Modern C++: What every professional C++ programmer should know about concurrency
C++20: Get the Details
Blazor 8.0: Moderne Webanwendungen und hybride Cross-Platform-Apps mit .NET 8.0, C# 12.0 und Visual Studio 2022
Moderne Datenzugriffslösungen mit Entity Framework Core 8.0
C# 12.0 Crashkurs
App-Entwicklung für Mobile und Desktop: Software Engineering mit .NET MAUI und Comet für iOS, Android, Windows und macOS
Cross-Plattform-Apps mit .NET MAUI entwickeln
Blazor 7.0: Blazor WebAssembly, Blazor Server und Blazor Hybrid
C# 11.0 Crashkurs
Moderne Datenzugriffslösungen mit Entity Framework Core 7.0
PowerShell 7 und Windows PowerShell 5 – das Praxishandbuch
C++ Core Guidelines Explained: Best Practices for Modern C++
App Engineering: SwiftUI, Jetpack Compose, .NET MAUI und Flutter
Vue.js 3 Crashkurs
Moderne Datenzugriffslösungen mit Entity Framework Core 6.0
Blazor 6.0: Blazor WebAssembly, Blazor Server und Blazor Desktop
C# 10.0 Crashkurs
Cross-Plattform-Apps mit Xamarin.Forms entwickeln
Developing Web Components with TypeScript: Native Web Development Using Thin Libraries
Alle unsere aktuellen Fachbücher
E-Book-Abo für ab 99 Euro im Jahr