This is a migrated thread and some comments may be shown as answers.

FluentValidation in Grid PopOut

1 Answer 797 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Darius
Top achievements
Rank 1
Darius asked on 20 Oct 2020, 10:33 AM

Hey,

iam evaluating the blazor components for our new project. Our customer has complex validation rules so FluentValidation is for us required. In my PoC i tried to use FluenValidation inside a PopOut but i was not able. Is there a solution to use FluenValidation in the PopOut instead of datanotations? I'm using this package https://github.com/ryanelian/FluentValidation.Blazor. This is my Code

<FluentValidator Validator="validator" />
 <TelerikGrid Data="personList"
                 Pageable="false"
                 Sortable="true"
                 Resizable="false"
                 EditMode="GridEditMode.Popup"
                 OnUpdate="@UpdateOrCreateHandler" OnDelete="@DeleteHandler" OnCreate="@UpdateOrCreateHandler">
...
</TelerikGrid>

private List<Person> personList;

PersonValidator validator = new PersonValidator();

 

With the component call "<FluentValidator Validator="validator" />" i get this error:

blazor.webassembly.js:1 crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: DataAnnotationsValidator requires a cascading parameter of type EditContext. For example, you can use DataAnnotationsValidator inside an EditForm.
System.InvalidOperationException: DataAnnotationsValidator requires a cascading parameter of type EditContext. For example, you can use DataAnnotationsValidator inside an EditForm.
  at Microsoft.AspNetCore.Components.Forms.FluentValidator.OnInitialized () <0x3c7cef0 + 0x00018> in <filename unknown>:0
  at Microsoft.AspNetCore.Components.ComponentBase.RunInitAndSetParametersAsync () <0x306e830 + 0x00030> in <filename unknown>:0

 

Is there a solution to work with fluentvalidation?

1 Answer, 1 is accepted

Sort by
0
Marin Bratanov
Telerik team
answered on 20 Oct 2020, 12:01 PM

Hello Darius,

The grid uses the built-in DataAnnotationsValidator that comes with the Blazor framework. Thus, out-of-the-box, it cannot use a third party validator - that would add a dependency, and can break a lot of peoples' code. The grid must use the standard framework features.

The solution to use the FluentValidation package is to make a custom edit form where you control all the code, which means you can include the desired validator. You can find an example of such a custom popup form in this sample project: https://github.com/telerik/blazor-ui/tree/master/grid/custom-popup-form so you can use it as base and include the validation you want.

 

Regards,
Marin Bratanov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Grid
Asked by
Darius
Top achievements
Rank 1
Answers by
Marin Bratanov
Telerik team
Share this question
or