Inleiding tot gegevensbinding in ASP.Net
Op vergelijkbare wijze ondersteunt ASP.Net ook het concept van gegevensbinding. Via gegevensbinding kunt u elk serverbesturingselement koppelen aan verschillende eigenschappen, expressies, collecties of zelfs methoden. Er is ook de flexibiliteit om de gegevensbron te selecteren. Dit kan een database, een statisch bestand, een opsomming of een andere bron zijn. ASP.Net Data Binding biedt dus een eenvoudige en handige manier om een koppeling te maken tussen de serverbesturing en de applicatiegegevens.
Concepten van gegevensbinding in ASP.Net
Het basisconcept van gegevensbinding in ASP.Net kan heel goed worden geïllustreerd in de volgende afbeelding.
Laten we de terminologieën begrijpen die in de afbeelding worden gebruikt.
- Binding Source - De applicatiegegevensvariabele die de bedrijfsgegevens bevat.
- Binding Target - Het serverbesturingselement of het UI-element waaraan de gegevens zijn gebonden.
- Afhankelijkheidsobject - Het object dat is gekoppeld aan het bindende doel.
- Afhankelijkheidseigenschap - De eigenschap of het kenmerk van het afhankelijkheidsobject waaraan de gegevens zijn gebonden.
- Bronobject - Het object dat de bedrijfsgegevens bevat.
- Broneigenschap - De eigenschap of het kenmerk van het bronobject waarvan de waarde de werkelijke gegevens is.
Dus als u de teksteigenschap van een invoerbesturingselement op de gebruikersinterface wilt binden aan de naam van de werknemer, is de TextBox het doel- / afhankelijkheidsobject. Tekst is de doeleigenschap. De werknemer is het bedrijfsobject en de naam is het eigendom.
De richting van de binding bepaalt de verspreiding van gegevens heen en weer tussen de bron en het doel. In een eenrichtingsbinding worden wijzigingen in de bedrijfsgegevens weerspiegeld in het UI-element, maar niet andersom. Dit is handig in gevallen waarin de bedrijfsgegevens alleen-lezen zijn en de UI-controle informatief van aard is.
Tweerichtingsbinding zorgt ervoor dat gegevenswijziging in bron- of doelobjecten automatisch wordt gesynchroniseerd. Dit creëert volledig interactieve UI-formulieren, waarbij wijzigingen in formuliervelden onmiddellijk worden bijgewerkt in de back-endvariabelen.
Op een manier om de bron te binden, worden wijzigingen in de gegevens van de UI-elementen bijgewerkt in het bedrijfsobject, maar niet andersom. Dit is handig in scenario's wanneer de gegevens worden berekend op basis van andere gebruikersinvoer en regelmatig opnieuw moeten worden geëvalueerd.
Wat is gegevensbinding?
- Voordat we verder gaan, laten we eerst het concept van gegevensbinding in het algemeen begrijpen. Gegevensbinding is het proces waarbij de gebruikersinterface van de toepassing wordt verbonden met de bedrijfsgegevens. Nu vraagt u zich misschien af dat dit hetzelfde is als het weergeven van de bedrijfsgegevens op de gebruikersinterface. Nee dat is het niet. Wat als de gegevens worden gewijzigd? Wordt het automatisch bijgewerkt op de gebruikersinterface?
- Wanneer de gegevens correct worden gekoppeld, weerspiegelen de elementen op de gebruikersinterface automatisch de wijzigingen in de bedrijfsgegevens. Stel je voor dat je UI-elementen constant de gegevensvariabele / set die eraan is toegewezen in de gaten houden. Zodra er een wijziging in de gegevens is, worden de UI-elementen geïnstrueerd om de wijziging dienovereenkomstig weer te geven.
- Een echt mooi voorbeeld van dit fenomeen is de rekenmachine in onze smartphones. Ze zijn ontworpen om het resultaat te geven zodra de gebruiker een waarde typt. In de onderstaande schermafbeelding ziet u hoe de resultaten in realtime worden geproduceerd en weergegeven. Zonder de opdracht 'is gelijk aan' te geven.
Dit wordt bereikt door gegevensbinding. Het element op de gebruikersinterface dat verantwoordelijk is voor het weergeven van het resultaat, houdt het element dat de gebruikersinvoer vasthoudt nauwlettend in de gaten. Vervolgens wordt de opdracht gegeven om de resultaten te berekenen en weer te geven zodra de gegevens in de gebruikersinvoer veranderen.
Hoe maak je gegevensbinding in ASP.Net?
Hieronder is een eenvoudig voorbeeld om gegevensbinding in ASP.Net te demonstreren. We zouden een eenvoudige WPF-applicatie maken met drie bedieningselementen (tekstblok, schuifregelaar en voortgangsbalk) op de gebruikersinterface. De waarde van twee besturingselementen is gebonden aan de gegevens in het derde besturingselement.
Stap 1: Open Visual Studio en maak een nieuw project.
Stap 2: Selecteer WPF-app (.Net Framework) in de wizard Nieuw project.
Stap 3: Configureer de basisgegevens en klik op Maken .
Stap 4: Hiermee maakt u een Shell WPF-toepassing . Plaats nu een TextBlock, een schuifregelaar en een ProgressBar-besturingselement in de gebruikersinterface. We binden de waarde van het TextBlock en ProgressBar aan de waarde van de schuifregelaar.
Stap 5: Voeg nu de in de figuur onderstreepte code toe om de eigenschap Text van TextBlock te binden.
Text="(Binding Value, ElementName=slider)"
Evenzo voor de eigenschap Value van ProgressBar.
Value="(Binding Value, ElementName=slider)"
Dit bindt de eigenschappen aan de eigenschap Waarde van schuifregelaar.
Stap 6: voer de applicatie uit. Je zou zien dat de schuifregelaar nu de waarden van het tekstblok en de voortgangsbalk bijwerkt. Verplaats de schuifregelaar om dit in actie te zien.
Laten we de terminologieën begrijpen die in het voorbeeld zijn gebruikt.
- Binding Source - De schuifregelaar in de gebruikersinterface.
- Binding Target - Het TextBlock en de ProgressBar
- Afhankelijkheidsobject - De gemaakte objecten TextBlock en ProgressBar.
- Afhankelijkheidseigenschap - De eigenschap Text van TextBlock en de eigenschap Value van ProgressBar.
- Bronobject - Het Slider-object gemaakt met x: Name = ”slider”.
- Broneigenschap - De eigenschap Value van de schuifregelaar.
Stap 7: De uiteindelijke code moet als volgt zijn:
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)"/>
Conclusie
We hebben het basisconcept van gegevensbinding geleerd en weten hoe het wordt geïmplementeerd in ASP.Net. Dit is een heel eenvoudig voorbeeld van gegevensbinding in ASP.Net en het onderwerp gaat veel verder. Het wordt sterk aanbevolen om meer te verkennen, meer code te schrijven, meer te experimenteren met verschillende gegevensbronnen. Dit zou enorm helpen bij het verkrijgen van een grondig begrip van en grip op het onderwerp.
Aanbevolen artikelen
Dit is een handleiding voor gegevensbinding in ASP.NET geweest. Hier hebben we overzichten besproken over gegevensbinding in ASP.NET, wat gegevens verblinden en stappen om gegevensbinding in ASP.NET met de definitieve code te creëren. U kunt ook door onze gegeven artikelen gaan voor meer informatie-
- Wat is ASP.NET?
- Carrière in ASP.NET
- ASP.NET Framework
- Wat is .NET Core