Skip to content
Permalink
Branch: master
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
64 lines (35 sloc) 5.97 KB
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>

App Settings in Blazor

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/

Uploading Larger Files

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.

#RazorComponents
File uploads saved on the server and rendered on page.
I will do a quick blog post shortly. pic.twitter.com/l4f3cmRz2D

— ℳisterℳagoo #Blazing a trail (@mistermag00) February 26, 2019
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

https://blog.razorcomponents.net/2019/02/uploading-larger-files-in-razor.html

Cascading Values

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/

Animation and Visual Effects in Blazor and Razor Components

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.

#RazorComponents #NoReason #AllCSharp#Not #Blazor
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

— ℳisterℳagoo #Blazing a trail (@mistermag00) February 9, 2019
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

http://lightswitchhelpwebsite.com/Blog/tabid/61/EntryId/4325/Animation-and-Visual-Effects-in-Blazor-and-Razor-Components.aspx

Event Aggregator for ASP.NET Core 3 Razor Components/Blazor

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

Virtual Grid

Lupusa continues to create all sorts of cool experiments, this time he's created a data grid with a ton of features.

#Blazor Virtual Grid POC 🥳🥳🥳
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

🇬🇪 Lupusa #Blazor Vakhtangi Abashidze 🇬🇪 (@lupusa1) February 28, 2019
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

https://lupblazorvirtualgrid.z13.web.core.windows.net/

Blazor Community Chat

Chat with other devs about the Blazor project.

You can’t perform that action at this time.