How Can Groupable Kendo UI Grid Using Javascript

2 posts, 0 answers
  1. Efrain
    Efrain avatar
    1 posts
    Member since:
    Oct 2016

    Posted 19 Oct Link to this post

    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.

     

  2. Konstantin Dikov
    Admin
    Konstantin Dikov avatar
    1796 posts

    Posted 21 Oct Link to this post

    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:
    Hope this helps.


    Regards,
    Konstantin Dikov
    Telerik by Progress
    Check out the new UI for ASP.NET Core, the most complete UI suite for ASP.NET Core development on the market, with 60+ tried-and-tested widgets, based on Kendo UI.
  3. UI for ASP.NET MVC is VS 2017 Ready
Back to Top