Il controllo DatePicker di jQuery UI rappresenta un sistema eccellente e facilmente utilizzabile per gestire l'input di date in una pagina web. Come abbiamo avuto modo di vedere nello script #1000, esso viene tipicamente attivato inserendo in pagina del codice javascript simile al seguente, che ad esempio associa tale funzionalità a tutti gli elementi di input la cui classe CSS sia pari a dateBox.
<script type="text/javascript"> $(function () { $('.dateBox').datepicker(); }); </script>
Se stiamo utilizzando un UpdatePanel, però, non è detto che tutti gli elementi che vogliamo trasformare in date picker siano già presenti al primo caricamento della pagina, ma potrebbero essere aggiunti a seguito di un postback asincrono. Il progetto allegato, ad esempio, contiene un Button che scatena un evento lato server per mostrare una coppia di TextBox, ma nulla cambia anche in casi più complessi, come quello di un controllo FormView che modifica la sua modalità di funzionamento.

In simili situazioni possiamo sfruttare l'evento pageLoad di ASP.NET AJAX per raggiungere il risultato voluto:
<script type="text/javascript"> function pageLoad() { $(function () { $('.date').datepicker(); }); } </script>
La funzione pageLoad (attenzione, il nome deve essere esattamente questo!) viene infatti automaticamente eseguita sia al termine del primo caricamento della pagina che a seguito di ogni postback asincrono, garantendo l'attivazione di jQuery UI DatePicker anche sui controlli eventualmente aggiunti.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Utilizzare gli operatori di RxJS per gestire operazioni asincrone con Javascript e TypeScript
Effettuare il tracing asincrono delle chiamate a un'applicazione ASP.NET Core
Testare le impostazioni CORS di un'applicazione ASP.NET Core
Creare API GraphQL con ASP.NET Core e HotChocolate
PWAConf 2020
L'agenda di #netconfit è online => https://aspit.co/netconfit-20 3 track, tante sessioni e una keynote speciale di @shanselman per la più importante conferenza in lingua italiana su .NET! Vi aspettiamo il 24/11. Iscrizioni sempre aperte! #donet #aspnet #netconf
Eseguire del codice personalizzato al click di una checkbox in Blazor
Eseguire integration test di un progetto ASP.NET Core
Comunicazione realtime tra ASP.NET Core e Javascript con GraphQL
Utilizzare i Workspace con NPM 7
Restituire il correlation ID in caso di errore in ASP.NET Core Web API
Eseguire lo shutdown pulito di un'applicazione ASP.NET Core
I più letti di oggi
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Creare un web server locale con LiveReload
- Modificare la modalità di esecuzione delle query con Include in Entity Framework Core 5
- Montare una file share con Azure Container Instance
- Indicizzare Cosmos DB con Azure Search
- Testare le impostazioni CORS di un'applicazione ASP.NET Core
- Specificare un constraint per TypeParam di un componente Blazor generico