|
|
Perform custom fluent validation in Blazor |
|
In the previous article we created a custom validation attribute to validate Blazor's EditForm. If you developed ASP.NET Core MVC apps before, you might have used FlientValidation library for validation instead of using validation attributes. Can we use FluentValidation in Blazor? |
|
Posted On : 28 Oct 2024 |
|
|
Perform custom validation in Blazor |
|
Validating form data is one of the most common task in any web application. ASP.NET Core offers a set of validation attributes for performing model level data validations. Blazor apps can also make use of the same validation attributes. Some of the validation attributes include [Required], [StringLength], [Range], and [Compare]. At times you want to perform some validation not covered by these attributes. This is when you want to create a custom validation attribute. In this article we will discuss how that can be done. |
|
Posted On : 14 Oct 2024 |
|
|
Display tabular data using QuickGrid for Blazor |
|
Displaying tables or grids is one of the most common requirements in web applications. There are plenty of third-party grid components available for ASP.NET Core and Blazor. However, if you require basic tabular display with sorting, paging, and filtering abilities QuickGrid component developed by the Blazor team is all you need. In this article we will explore some of the features and abilities of QuickGrid. |
|
Posted On : 08 Jan 2024 |
|
|
Understand the new Blazor project template in ASP.NET Core 8 |
|
Recently Microsoft released .NET 8 that also included a good amount of enhancements to ASP.NET Core. As a part of the improvements Blazor got a new project template -- Blazor Web App. The new project template supports the newly added features including render modes and authentication. In this article we will look at the new project template and template options in Visual Studio 2022. |
|
Posted On : 21 Nov 2023 |
|
|
Use protected browser storage in Blazor |
|
In the previous article we learned to use sessionStorage and localStorage in Blazor apps. The localStorage object also has storage event that one can use to get notified when localStorage is modified in some way. In this article we will first discuss the storage event with an example. We will then learn to use what is known as Protected Browser Storage that is available exclusively to Blazor Server apps. |
|
Posted On : 14 Aug 2023 |
|
|
Use sessionStorage and localStorage in Blazor |
|
Traditionally developes used cookies to store small pieces of information on the client machine. Although you can use cookies in Blazor apps, there is a modern and more handy alternative -- sessionStorage and localStorage objects. |
|
Posted On : 07 Aug 2023 |
|
|
Show cascading dropdown lists in Blazor |
|
In the previous article we learned to cascading create dropdown lists in ASP.NET Core MVC. You might want the same functionality in Blazor Web Assembly apps also. That's what we are going to do in this article. |
|
Posted On : 17 Jul 2023 |
|
|
Create master detail components in Blazor Server (Detail CRUD Components) |
|
In the previous part of this article series you developed ListTeamMembers.razor component. Now you need to develop the remaining components namely ShowTeamMember.razor, InsertTeamMember.razor, and UpdateTeamMember.razor. You have already these empty component files in the Shared > TeamMembers folder. The UI rendered by the ShowTeamMember component is shown below.
|
|
Posted On : 20 Jun 2022 |
|
|
Create master detail components in Blazor Server (List of Team Members) |
|
In the preceding part of this article series you created master CRUD components namely ListTeams, ShowTeam, InsertTeam, and UpdateTeam. Continuing your development you will complete the detail CRUD components in this part. By the end of this part you will be able to see master-detail behavior and CRUD operations in action. So, let's get started with the detail components.
|
|
Posted On : 06 Jun 2022 |
|
|
Create master detail components in Blazor Server (Master CRUD Components) |
|
In the previous part of this article series you developed the List component that displays a list of Teams in a table. In this part you will create ShowTeam, InsertTeam, and UpdateTeam components to perform the CRUD operations on the Teams table.
The following figure shows how the ShowTeam component displays a Team in the browser.
|
|
Posted On : 19 May 2022 |
|
|