Completed
Last Updated: 01 Jan 2022 14:03 by ADMIN
Denny
Created on: 01 Jan 2022 01:29
Category: UI for Blazor
Type: Feature Request
0
A grid that can be searched incrementally as one types in the search box

Incremental Search A grid that can be searched incrementally as one types in the search box.

On-demand Sort It should have the ability to do a toggle between ascending and descending sort order when the user taps on a column header.

Pagination It should provide customizable pagination so only one page worth of data is fetched at any given time.

Did I describe the jQuery Datatable functionality? It is because it is so good and having the equivalent of its server-side implementation equivalent in Blazor will be awesome.

Implementation Thoughts The control sends a predefined model to an event bound function as parameter. The model has the information like requested page, column-sort request, letters the user typed into the search box etc. The function fetches data based on the model and the grid updates dynamically.

1 comment
ADMIN
Marin Bratanov
Posted on: 01 Jan 2022 14:03

Hi Denny,

I will try to respond to each of your points separately:

 

Incremental Search A grid that can be searched incrementally as one types in the search box.

This is available already through a searchbox feature and in both column filtering modes (row and menu).

On-demand Sort It should have the ability to do a toggle between ascending and descending sort order when the user taps on a column header.

This is already available - tapping the column header sorts columns, and there is also a visual queue in the column menu if that is preferred.

Pagination It should provide customizable pagination so only one page worth of data is fetched at any given time.

This is possible by implementing the data source operations in the application (or data access) layer and the grid facilitates this by offering the OnRead event, you can read more about this concept here.

Did I describe the jQuery Datatable functionality? It is because it is so good and having the equivalent of its server-side implementation equivalent in Blazor will be awesome.

I'd say this is already available in Blazor, and if your backend is still using the DataTable .NET construct, you could keep using it (although I would suggest you move on from it), demo is available here.

Implementation Thoughts The control sends a predefined model to an event bound function as parameter. The model has the information like requested page, column-sort request, letters the user typed into the search box etc. The function fetches data based on the model and the grid updates dynamically.

This is implemented through the OnRead event and has been available for a couple of years already in our Blazor grid. Actually, the model is the same as the one we had in UI for ASP.NET Core and MVC, so you could even reuse some code and existing endpoints. You can read more about the Telerik DataSource package here,  it powers the data operations in the Blazor components and it has roots in our Kendo suites.

 

With that said, I am going to mark this request as "Completed" because it seems to me that all questions and requests already have an existing answer, and seeing as you have some background with our MVC suite, I hope you will find some of the concepts familiar around the data operations.

Regards,
Marin Bratanov
Progress Telerik

Learn about the important changes coming in UI for Blazor 3.0 in January 2022!