How to populate the data in grid on the client

[Мавричев]

Hello.

There is a grid in PartialView:

@(Html.Kendo().Grid(Model.SpokesmanList)
      .Name("grid1")
      .Columns(columns =>
      {
            columns.Bound(p => p.LastName);
            columns.Bound(p => p.DocumentType);
            columns.Bound(p => p.Position);
      })
    )

 

How can I fill this table with data on the client by calling the javascript function without serverside requests?

 

[Stefan]

Hello, Мавричев,

Thank you for the details.

The desired result can be achieved using the data method of the Grid dataSource instance. This will require passing the data array to be passed to the data method and the Grid will be populated:

https://docs.telerik.com/kendo-ui/api/javascript/data/datasource/methods/data3

$('#grid1').data('kendoGrid').dataSource.data(newData)

I hope this is helpful.

Regards,
Stefan
Progress Telerik