Datagrid Component $ web api

Hi,

I used the virtualization in DataGrid component. I want it to have these features:

First, I read only the current page from the web Api. In the examples of the website, at the beginning, all the data was read.

Secondly, what events are there for column filter, sort, etc. to re-read the new data from the server based on the filter or user sorting? I want to understand the column filter and read the filtered data from the server again based on the filters. The same goes for sorting.

Thank you


3 Replies

RN Rahul Narayanasamy Syncfusion Team January 7, 2022 02:12 PM UTC

Hi Sarah, 

Greetings from Syncfusion. 

We have checked your query and we need some details regarding your reported query. Could you please share the below details. It will be helpful to validate and provide a better solution. 

  • Full Grid code snippets.
  • Details about how you are binding the Grid data? Whether did you used DataSource property to bind the Grid or you have used SfDataManager to bind the data?
  • Share a simple sample which shows your problem if possible.
  • Video demonstration of the problem.

Regards, 
Rahul 



SA Sarah January 7, 2022 05:39 PM UTC

Hi Rahul Narayanasamy,


I downloaded the blazor-sample-master project. This project solved many problems. In the DataGrid section, I used the virtual-scrolling page source code.

I used DataSource in a similar example.


Thank you.




RN Rahul Narayanasamy Syncfusion Team January 10, 2022 01:43 PM UTC

Hi Sarah, 

Thanks for the update. 

When you enable Virtualization, then the grid will render only the first Page records in the UI(in the DOM) at initial rendering for better performance. Once it reaches the end of currently rendered records, then it will bind next set of records. If you are facing any problem, then share more information(video demonstration) about your case. 

From your last update, we suspect that you have resolved your problem. Please get back to us if you need further assistance. 

Regards, 
Rahul 
 


Loader.
Up arrow icon