RadGrid filtering from javascript

[Milo]

Hello!

We have a radgrid (<telerik:RadGrid) structure defined on the aspx page, which also consist of the grouping column definition. This loads up fine binding with the data and grouping correctly loaded.

We have a left pane which has a radtreeview (<telerik:RadTreeView) to filter the grid. For this, we have a JavaScript Ajax get call to the api controller and we bind the response to the grid, the data is loaded correctly with the correct number of rows, but the grid doesn’t maintain the grouping. Any specific reasons, anything we can do to make this work?

The only difference between the initial load is that the same API is called from the codebehind file, and the filter from the treeview is called from javascript ajax get call and I am binding the grid using databind() as below.

 var grid = $find($(".RadGrid").attr("id")).get_masterTableView();
grid.set_dataSource(result);
grid.clearSelectedItems();
grid.dataBind();

Thank you.

[Attila Antal]

Hello Milo,

When it comes to data binding, it is very important that you use more advanced Data Binding instead of the simple technique ( DataSource + DataBind() ). 

Simple data binding can only display items, but if you need functionalities such as filtering, paging, grouping, etc.. you will need to bind the Grid to RadClientDataSource. We have an online example that you can check and test, see Grouping Client-Side with RadClientDataSource

Check out the Service Configuration to see examples of configuring the ClientDataSource.

Here are two examples of RadGrid CRUD (created, read, update, delete) operations using RadClientDataSource and two different WebServices.

• Client-Side CRUD with AJAX-enabled WCF
• Client-Side CRUD with ASP.NET WebService (ASMX)

 

The same is true if you're binding data on the server-side. DataSource + DataBind() combination is only for displaying data and It's not compatible with Filtering, Grouping, etc.

I hope this will help resolve the issue.

Regards,
Attila Antal
Progress Telerik