Data binding del controllo Slider (C#)

di Christian Wenz

Scarica il PDF

Il controllo Slider in AJAX Control Toolkit fornisce un dispositivo di scorrimento grafico che può essere controllato tramite il mouse. È possibile associare la posizione corrente del dispositivo di scorrimento a un altro controllo ASP.NET.

Panoramica

Il controllo Slider in AJAX Control Toolkit fornisce un dispositivo di scorrimento grafico che può essere controllato tramite il mouse. È possibile associare la posizione corrente del dispositivo di scorrimento a un altro controllo ASP.NET.

Passaggi

Per attivare la funzionalità di ASP.NET AJAX e Control Toolkit, il ScriptManager controllo deve essere inserito in qualsiasi punto della pagina (ma all'interno dell'elemento <form> ):

<asp:ScriptManager ID="asm" runat="server" />

Aggiungere quindi due TextBox controlli alla pagina. Uno verrà trasformato in un dispositivo di scorrimento grafico e l'altro conterrà la posizione del dispositivo di scorrimento.

<asp:TextBox ID="Slider1" runat="server" />
<asp:TextBox ID="SliderValue" runat="server" />

Il passaggio successivo è già il passaggio finale. Il SliderExtender controllo del ASP.NET AJAX Control Toolkit fa uscire un dispositivo di scorrimento dalla prima casella di testo e aggiorna automaticamente la seconda casella di testo quando cambia la posizione del dispositivo di scorrimento. Per il corretto funzionamento, l'attributo SliderExtenderdell'oggetto TargetControlID deve essere impostato sull'ID della prima casella di testo. L'attributo BoundControlID deve essere impostato sull'ID della seconda casella di testo.

<ajaxToolkit:SliderExtender ID="se1" runat="server" TargetControlID="Slider1"
 BoundControlID="SliderValue" />

Come si può notare nel browser, il data binding funziona in entrambe le direzioni: l'immissione di un nuovo valore nella casella di testo aggiorna la posizione del dispositivo di scorrimento. Se si imposta la seconda casella di testo di sola lettura, è possibile aggiungere una protezione debole al campo di testo in modo che sia più difficile per l'utente aggiornare manualmente il valore in tale campo.

Il dispositivo di scorrimento e la casella di testo sono sincronizzati (fare clic per visualizzare l'immagine a dimensione intera)

IndietroAvanti