Introduzione al data binding in ASP.Net
Allo stesso modo, ASP.Net supporta anche il concetto di Data Binding. Tramite Data Binding, è possibile associare qualsiasi controllo server a varie proprietà, espressioni, raccolte o persino metodi. C'è anche la flessibilità di selezionare l'origine dati, che può essere un database, un file statico, un enum o qualsiasi altra fonte. Pertanto, ASP.Net Data Binding fornisce un modo semplice e conveniente per creare un collegamento tra il controllo del server e i dati dell'applicazione.
Concetti di associazione dei dati in ASP.Net
Il concetto base di Data Binding in ASP.Net può essere ben illustrato nella seguente immagine.
Cerchiamo di capire le terminologie utilizzate nell'immagine.
- Origine vincolante : la variabile di dati dell'applicazione che contiene i dati aziendali.
- Target di associazione : il controllo server o l'elemento dell'interfaccia utente a cui sono associati i dati.
- Oggetto dipendenza - L'oggetto associato alla destinazione di associazione.
- Proprietà di dipendenza : la proprietà o l'attributo dell'oggetto Dipendenza a cui sono associati i dati.
- Oggetto di origine : l'oggetto che contiene i dati aziendali.
- Proprietà di origine : proprietà o attributo dell'oggetto di origine il cui valore sono i dati effettivi.
Pertanto, se si desidera associare la proprietà text di un controllo di input sull'interfaccia utente al nome dell'impiegato, TextBox è l'oggetto Target / Dipendenza. Il testo è la proprietà target. Il dipendente è l'oggetto business e il nome è la proprietà.
La direzione dell'associazione determina la propagazione dei dati avanti e indietro tra l'origine e la destinazione. In un'associazione unidirezionale, eventuali modifiche ai dati aziendali si riflettono nell'elemento UI ma non viceversa. Ciò è utile nei casi in cui i dati aziendali sono di sola lettura e il controllo dell'interfaccia utente è di natura informativa.
L'associazione a due vie garantisce che la modifica dei dati negli oggetti di origine o di destinazione sia sincronizzata automaticamente. Ciò crea moduli dell'interfaccia utente completamente interattivi, in cui le modifiche nei campi del modulo vengono immediatamente aggiornate nelle variabili back-end.
In un'associazione unidirezionale all'origine, qualsiasi modifica nei dati dell'elemento dell'interfaccia utente viene aggiornata nell'oggetto business ma non viceversa. Ciò è utile negli scenari in cui i dati vengono calcolati sulla base di altri input dell'utente e richiedono frequenti rivalutazioni.
Che cos'è l'associazione dati?
- Prima di procedere, comprendiamo innanzitutto il concetto di Data Binding in generale. Il binding dei dati è il processo di connessione dell'interfaccia utente dell'applicazione con i dati aziendali. Ora potresti chiederti che questo equivale a visualizzare i dati aziendali sull'interfaccia utente. No non lo è. Cosa succede se i dati vengono modificati? Viene automaticamente aggiornato sull'interfaccia utente?
- Pertanto, quando l'associazione dei dati viene eseguita correttamente, gli elementi dell'interfaccia utente riflettono automaticamente le modifiche ai dati aziendali. Immagina che i tuoi elementi dell'interfaccia utente guardino costantemente la variabile / set di dati a loro assegnato. Non appena si verifica una modifica dei dati, agli elementi dell'interfaccia utente viene richiesto di riflettere la modifica di conseguenza.
- Un bell'esempio reale di questo fenomeno è la calcolatrice nei nostri smartphone. Sono progettati per fornire il risultato non appena l'utente digita qualsiasi valore. Si noti nello screenshot seguente, come i risultati vengono prodotti e visualizzati in tempo reale. Senza la necessità di dare il comando "uguale".
Ciò si ottiene vincolando i dati. L'elemento sull'interfaccia utente responsabile della visualizzazione del risultato controlla da vicino l'elemento che acquisisce l'input dell'utente. Viene quindi richiesto di calcolare e visualizzare i risultati non appena i dati nell'input dell'utente cambiano.
Come creare il binding dei dati in ASP.Net?
Di seguito è riportato un semplice esempio per dimostrare il Data Binding in ASP.Net. Creeremmo una semplice applicazione WPF con tre controlli (blocco di testo, cursore e barra di avanzamento) sull'interfaccia utente. Il valore di due controlli sarebbe associato ai dati nel terzo controllo.
Passaggio 1: Apri Visual Studio e crea un nuovo progetto.
Passaggio 2: selezionare l' app WPF (.Net Framework) dalla casella Creazione guidata nuovo progetto.
Passaggio 3: configura i dettagli di base e premi Crea .
Passaggio 4: questo crea un'applicazione Shell WPF . Ora inserisci un TextBlock, uno Slider e un controllo ProgressBar nell'interfaccia utente. Assoceremo il valore di TextBlock e ProgressBar al valore del controllo Slider.
Passaggio 5: ora aggiungi il codice sottolineato nella figura per associare la proprietà Text di TextBlock.
Text="(Binding Value, ElementName=slider)"
Allo stesso modo, per la proprietà Value di ProgressBar.
Value="(Binding Value, ElementName=slider)"
Ciò lega le proprietà alla proprietà Value di Slider.
Passaggio 6: eseguire l'applicazione. Vedresti che il controllo del cursore ora aggiorna i valori del blocco di testo e della barra di avanzamento. Sposta il cursore per vederlo in azione.
Cerchiamo di capire le terminologie utilizzate dall'esempio.
- Binding Source : il controllo Slider nell'interfaccia utente.
- Target vincolante : TextBlock e ProgressBar
- Oggetto dipendenza - Gli oggetti TextBlock e ProgressBar creati.
- Proprietà di dipendenza - La proprietà Text di TextBlock e la proprietà Value di ProgressBar.
- Oggetto sorgente - L'oggetto Slider creato con x: Name = "slider".
- Proprietà sorgente: la proprietà Value dello slider.
Passaggio 7: il codice principale dovrebbe essere il seguente:
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)"/>
Conclusione
Abbiamo imparato il concetto di base di Data Binding e come viene implementato in ASP.Net. Questo è un esempio basilare di Data Binding in ASP.Net e l'argomento va ben oltre. Si consiglia vivamente di esplorare di più, scrivere più codice, sperimentare di più con varie fonti di dati. Ciò sarebbe di grande aiuto per ottenere una comprensione e una presa approfondite sull'argomento.
Articoli consigliati
Questa è stata una guida per l'associazione dei dati in ASP.NET. Qui abbiamo discusso delle panoramiche sul Data Binding In ASP.NET, che cos'è il Blinding dei dati e i passaggi per creare il Data Binding in ASP.NET con il codice finale. Puoi anche consultare i nostri articoli per saperne di più-
- Che cos'è ASP.NET?
- Carriera in ASP.NET
- ASP.NET Framework
- Che cos'è .NET Core