Negli scorsi script abbiamo esplorato le nuove modalità di rendering e routing di Blazor 8, e in particolare delle Blazor Web App. Come abbiamo visto, nel template di default, la nuova pagina Weather.razor sfrutta lo StreamRendering e quindi è renderizzata come non-interactive....

Se diamo un'occhiata al file App.razor di una Blazor Web Application, noteremo la presenza di un componente chiamato HeadOutlet:[img]Questo componente funziona come una sorta di placeholder, così che dalle nostre pagine possiamo modificare il contenuto del nodo head dell'HTML ...

Il sistema di data binding di Blazor è incredibilmente potente e versatile. Grazie a esso, possiamo non solo collegare componenti visuali a proprietà della pagina, ma anche eseguire una semplice logica quando il valore di una delle proprietà venga modificato.Per esempio possiamo ...

Il binding di date è sempre abbastanza problematico per il problema della formattazione. In Blazor, fortunatamente, esiste una funzionalità che ci permette di impostare il formato delle date in fase di binding, sia per quanto riguarda la lettura che per il parsing.Per questo ...

Come ben sappiamo, nel template di default di Blazor, la pagina Weather.razor mostra dati tabellari creando dinamicamente una Table HTML5. Si tratta di un approccio sicuramente valido, ma che ci costringe a scrivere del codice aggiuntivo tutte le volte che vogliamo supportare ...

In alcuni casi, soprattutto quando i dati hanno una natura "sequenziale", come i post in una timeline, l'infinite scroll rappresenta una soluzione molto intuitiva per l'utente. La buona notizia, se siamo sviluppatori Blazor, è che il componente QuickGrid che abbiamo introdotto ...

Nello script precedente abbiamo visto come implementare un infinite scroll in QuickGrid, con tanto di virtualizzazione. In alcune occasioni, però, l'accesso sequenziale potrebbe non essere ideale, e un classico paginatore rappresenta una soluzione migliore.La buona notizia è che ...

Come abbiamo visto nel nostro recente articolo (https://www.aspitalia.com/articoli/asp.net-core3/web-ui-interattive-blazor-server.aspx), in Blazor possiamo specificare la route a cui un component risponde con una sintassi simile a quella di ASP.NET MVC:@page "/products/{id:int}"...

Anche se Blazor ci permette di usare C# per realizzare la parte client di un'applicazione web, avremo ancora la necessità di interoperare con librerie scritte in JavaScript: mappe, grafici, caroselli e player video sono solo alcune delle funzionalità avanzate che possiamo ...

Nello scorso script (https://www.aspitalia.com/script/1338/Impostare-Focus-Controllo-Blazor-Tramite-JavaScript.aspx) abbiamo visto un primo esempio di come integrare i nostri componenti Blazor con il mondo JavaScript.Invocare una funzione JavaScript con il servizio jsRuntime è un...