Einführung in die Datenbindung in ASP.Net
In ähnlicher Weise unterstützt ASP.Net auch das Konzept der Datenbindung. Über die Datenbindung können Sie jedes Serversteuerelement an verschiedene Eigenschaften, Ausdrücke, Sammlungen oder sogar Methoden binden. Sie können auch die Datenquelle auswählen, die eine Datenbank, eine statische Datei, eine Aufzählung oder eine andere Quelle sein kann. Somit bietet ASP.Net Data Binding eine einfache und bequeme Möglichkeit, eine Verbindung zwischen dem Serversteuerelement und den Anwendungsdaten herzustellen.
Konzepte der Datenbindung in ASP.Net
Das Grundkonzept der Datenbindung in ASP.Net kann in der folgenden Abbildung sehr gut veranschaulicht werden.
Lassen Sie uns die im Bild verwendeten Terminologien verstehen.
- Binding Source - Die Anwendungsdatenvariable, die die Geschäftsdaten enthält.
- Bindungsziel - Das Serversteuerelement oder das Benutzeroberflächenelement, an das die Daten gebunden sind.
- Abhängigkeitsobjekt - Das Objekt, das dem Bindungsziel zugeordnet ist.
- Abhängigkeitseigenschaft - Die Eigenschaft oder das Attribut des Abhängigkeitsobjekts, an das die Daten gebunden sind.
- Quellobjekt - Das Objekt, das die Geschäftsdaten enthält.
- Quelleigenschaft - Die Eigenschaft oder das Attribut des Quellobjekts, dessen Wert die tatsächlichen Daten sind.
Wenn Sie also die Texteigenschaft eines Eingabesteuerelements auf der Benutzeroberfläche an den Namen des Mitarbeiters binden möchten, ist das Textfeld das Ziel- / Abhängigkeitsobjekt. Text ist die Zieleigenschaft. Der Mitarbeiter ist das Geschäftsobjekt und der Name ist die Eigenschaft.
Die Bindungsrichtung bestimmt die Ausbreitung von Daten zwischen Quelle und Ziel. Bei einer One-Way-Bindung werden alle Änderungen an den Geschäftsdaten im UI-Element wiedergegeben, nicht jedoch umgekehrt. Dies ist in Fällen hilfreich, in denen die Geschäftsdaten schreibgeschützt sind und die Steuerung der Benutzeroberfläche informativen Charakter hat.
Die bidirektionale Bindung stellt sicher, dass Datenänderungen in Quell- oder Zielobjekten automatisch synchronisiert werden. Dadurch werden vollständig interaktive Benutzeroberflächenformulare erstellt, in denen Änderungen in Formularfeldern sofort in den Back-End-Variablen aktualisiert werden.
Bei einer One-Way-to-Source-Bindung werden alle Änderungen an den Daten des Oberflächenelements im Geschäftsobjekt aktualisiert, nicht jedoch umgekehrt. Dies ist in Szenarien hilfreich, in denen die Daten auf der Grundlage anderer Benutzereingaben berechnet werden und häufig neu ausgewertet werden müssen.
Was ist Datenbindung?
- Bevor wir fortfahren, lassen Sie uns zunächst das Konzept der Datenbindung im Allgemeinen verstehen. Bei der Datenbindung wird die Benutzeroberfläche der Anwendung mit den Geschäftsdaten verbunden. Nun wundern Sie sich vielleicht, dass dies mit dem Anzeigen der Geschäftsdaten auf der Benutzeroberfläche identisch ist. Nein ist es nicht. Was ist, wenn sich die Daten ändern? Wird es automatisch auf der Benutzeroberfläche aktualisiert?
- Wenn das Binden der Daten korrekt durchgeführt wurde, spiegeln die Elemente auf der Benutzeroberfläche die Änderungen in den Geschäftsdaten automatisch wider. Stellen Sie sich vor, Ihre UI-Elemente überwachen ständig die ihnen zugewiesene Datenvariable / -menge. Sobald sich Daten ändern, werden die Elemente der Benutzeroberfläche angewiesen, die Änderung entsprechend wiederzugeben.
- Ein praxisnahes Beispiel für dieses Phänomen ist der Taschenrechner in unseren Smartphones. Sie sollen das Ergebnis liefern, sobald der Benutzer einen Wert eingibt. Beachten Sie im Screenshot unten, wie die Ergebnisse in Echtzeit erstellt und angezeigt werden. Ohne den Befehl 'gleich' geben zu müssen.
Dies wird durch Datenbindung erreicht. Das Element auf der Benutzeroberfläche, das für die Anzeige des Ergebnisses verantwortlich ist, überwacht genau das Element, das die Benutzereingaben aufzeichnet. Es wird dann angewiesen, die Ergebnisse zu berechnen und anzuzeigen, sobald sich Daten in der Benutzereingabe ändern.
Erstellen einer Datenbindung in ASP.Net
Im Folgenden finden Sie ein einfaches Beispiel zur Demonstration der Datenbindung in ASP.Net. Wir würden eine einfache WPF-Anwendung mit drei Steuerelementen (Textblock, Schieberegler und Fortschrittsbalken) auf der Benutzeroberfläche erstellen. Der Wert von zwei Steuerelementen wird an die Daten im dritten Steuerelement gebunden.
Schritt 1: Öffnen Sie Visual Studio und erstellen Sie ein neues Projekt.
Schritt 2: Wählen Sie im Feld Assistent für neue Projekte die Option WPF-App (.Net Framework) aus.
Schritt 3: Konfigurieren Sie die grundlegenden Details und klicken Sie auf Erstellen .
Schritt 4: Dadurch wird eine Shell-WPF-Anwendung erstellt . Fügen Sie nun einen TextBlock, einen Slider und ein ProgressBar-Steuerelement in die Benutzeroberfläche ein. Wir binden den Wert von TextBlock und ProgressBar an den Wert des Slider-Steuerelements.
Schritt 5: Fügen Sie nun den in der Abbildung unterstrichenen Code hinzu, um die Text-Eigenschaft von TextBlock zu binden.
Text="(Binding Value, ElementName=slider)"
Ähnliches gilt für die Value-Eigenschaft von ProgressBar.
Value="(Binding Value, ElementName=slider)"
Dadurch werden die Eigenschaften an die Value-Eigenschaft von Slider gebunden.
Schritt 6: Führen Sie die Anwendung aus. Sie werden sehen, dass das Schieberegler-Steuerelement jetzt die Werte des Textblocks und des Fortschrittsbalkens aktualisiert. Bewegen Sie den Schieberegler, um dies in Aktion zu sehen.
Lassen Sie uns die im Beispiel verwendeten Terminologien verstehen.
- Bindungsquelle - Das Schieberegler-Steuerelement in der Benutzeroberfläche.
- Bindungsziel - Der TextBlock und die Fortschrittsleiste
- Abhängigkeitsobjekt - Die erstellten TextBlock- und ProgressBar-Objekte.
- Abhängigkeitseigenschaft - Die Text-Eigenschaft von TextBlock und die Value-Eigenschaft von ProgressBar.
- Quellobjekt - Das mit x: Name = ”slider” erstellte Slider-Objekt.
- Source-Eigenschaft - Die Value-Eigenschaft des Schiebereglers.
Schritt 7: Der endgültige Code sollte wie folgt lauten:
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:DataBindingInASP.Net"
mc:Ignorable="d"
Title="MainWindow">
Text="(Binding Value, ElementName=slider)" />
Width="250"/>
Value="(Binding Value, ElementName=slider)"/>xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:DataBindingInASP.Net"
mc:Ignorable="d"
Title="MainWindow">
Text="(Binding Value, ElementName=slider)" />
Width="250"/>
Value="(Binding Value, ElementName=slider)"/>xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:DataBindingInASP.Net"
mc:Ignorable="d"
Title="MainWindow">
Text="(Binding Value, ElementName=slider)" />
Width="250"/>
Value="(Binding Value, ElementName=slider)"/>xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:DataBindingInASP.Net"
mc:Ignorable="d"
Title="MainWindow">
Text="(Binding Value, ElementName=slider)" />
Width="250"/>
Value="(Binding Value, ElementName=slider)"/>
Fazit
Wir haben das Grundkonzept der Datenbindung und deren Implementierung in ASP.Net kennengelernt. Dies ist ein sehr einfaches Beispiel für die Datenbindung in ASP.Net, und das Thema geht weit darüber hinaus. Es wird dringend empfohlen, mehr zu erkunden, mehr Code zu schreiben und mehr mit verschiedenen Datenquellen zu experimentieren. Dies würde sehr dazu beitragen, ein gründliches Verständnis und einen umfassenden Einblick in das Thema zu erlangen.
Empfohlene Artikel
Dies war eine Anleitung zur Datenbindung in ASP.NET. Hier haben wir Übersichten über die Datenbindung in ASP.NET, über Datenblindungen und Schritte zum Erstellen der Datenbindung in ASP.NET mit dem endgültigen Code erörtert. Sie können auch in unseren Artikeln nachlesen, um mehr zu erfahren.
- Was ist ASP.NET?
- Karriere in ASP.NET
- ASP.NET Framework
- Was ist .NET Core?