layout | permalink | title | path |
---|---|---|---|
post |
/blazor-client-settings-master-detail-grid/ |
Blazor Client Settings and Master Detail Grid |
2019-03-01-blazor-client-settings-master-detail-grid.md |
This week on Blazor StateHasChanged we have quite a few great articles to discuss. We take a look at an interesting example to integrate app settings on the client. We also see how we can "hack" in a Master-Detail view on the Telerik UI for Blazor Grid.
<iframe width="560" height="315" src="https://www.youtube.com/embed/yK3-NH9MpFc?start=200" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>This week I demoed an article by Rémi Bourgarel that shows how to implement Configuration Manager and appsettings.json inside a client-side Blazor application. This was a really cool experiment because it followed the standard way of using Configuration Manager in the context of Blazor. It's worth reiterating (as the article states) be careful as to what you store in these settings because they are far from private. As long as you're aware of the security risk, it's definitely something worth giving some time and seeing if it might be useful in your applications.
https://remibou.github.io/Configuring-a-Blazor-app/
When uploading large files with Razor Components you may hit a dreaded exception "System.InvalidOperationException: Advancing examined to the end would cause pipe to deadlock because FlushAsync is waiting." In this article, Leigh “MisterMagoo” Waldie outlines how to fix this issue in detail.
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>#RazorComponents
— ℳisterℳagoo #Blazing a trail (@mistermag00) February 26, 2019
File uploads saved on the server and rendered on page.
I will do a quick blog post shortly. pic.twitter.com/l4f3cmRz2D
https://blog.razorcomponents.net/2019/02/uploading-larger-files-in-razor.html
Chris Sainty outlines in detail how Cascading values and parameters are used to pass a value from a component to all of its descendants without having to use traditional component parameters.
https://chrissainty.com/understanding-cascading-values-and-cascading-parameters/
SQL-MisterMagoo recently posted a GitHub Blazor and Razor Components example that demonstrates a compelling animation. In this post Michael Washington examines how he did it.
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>#RazorComponents #NoReason #AllCSharp#Not #Blazor
— ℳisterℳagoo #Blazing a trail (@mistermag00) February 9, 2019
I mean, there is no reason other than because it is there. Pixel components animated using C#/HTML/CSS following the mouse pointer. #DontAtMe pic.twitter.com/i3oWuWeqr6
Mikael Koskinen takes a look at this new, lightweight event aggregator and how to implement it in our ASP.NET Core projects using Razor Components.
Blazor.EventAggregator is a lightweight Event Aggregator for Razor Components. Razor Components (and formerly known as Blazor) is an upcoming technology included in ASP.NET Core 3.0 (currently in Preview 2).
https://dzone.com/articles/event-aggregator-for-aspnet-core-3-razor-component
Lupusa continues to create all sorts of cool experiments, this time he's created a data grid with a ton of features.
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>#Blazor Virtual Grid POC 🥳🥳🥳
— 🇬🇪 Lupusa #Blazor Vakhtangi Abashidze 🇬🇪 (@lupusa1) February 28, 2019
Column/row virtualization!
Column styling, resize, freeze, reorder, hide, sort, keyboard navigation.
Scrollbar and splitter custom components.https://t.co/2iDpTRO0GMhttps://t.co/j6tSpHYPJD@stevensanderson @danroth27 @aVerySpicyBoi @jongalloway pic.twitter.com/SvStvcXtiX