How Can Groupable Kendo UI Grid Using Javascript

[Efrain]

I'm using kendo html helper mvc with the next code in the View: 

@(Html.Kendo().Grid(Model)
            .Name("Grid")
            .HtmlAttributes(new { })
            .Columns(columns =>
            {
                columns.LoadSettings(new List<GridColumnSettings>() { new GridColumnSettings() { Hidden = true } });
                columns.Bound(c => c.TextCol1).Hidden(true);
                (....)
            })
            .RowTemplate(@<div class="objLst">
            <div class="row">... ... ...</div ></div>)

 

I need to group the elements of the grid using javascript. I have the next code:

var grid = $("#Grid").data("kendoGrid");
grid.dataSource.group({field:"TextCol1" });

 

but when I run the javascript instruction, the application (kendo grid) makes an GET request to the server to group the data. I need that the grouping run only on the client side.

It's possible? Or I should migrate all code to javascript?

Thank you.

 

[Konstantin Dikov]

Hello Efrain,

Such requirement could not be achieved with server binding and if you need to perform the grouping on client-side you need to use the AJAX binding and disable the server operations of the data source:

• http://docs.telerik.com/kendo-ui/aspnet-mvc/helpers/grid/binding/ajax-binding 
• http://docs.telerik.com/kendo-ui/aspnet-mvc/helpers/grid/binding/ajax-binding#enable-client-data-processing

Hope this helps.


Regards,
Konstantin Dikov
Telerik by Progress