Passing parameters back to the server so that a READ will get an altered data set

[Lee Saunders]

For example - a grid 
    @(Html.Kendo().Grid<CustomerModel>()
          .Name("ExampleGrid")
          .Pageable()
          .Sortable()
          .Groupable()
          .Resizable(resize => resize.Columns(true))
          .Reorderable(reorder => reorder.Columns(true))
          .Columns(columns =>
              {
                  columns.Bound(c => c.Name);
                  columns.Bound(c => c.System).Width(190);
                  columns.Bound(c => c.Principal).Width(190);
              })
          .DataSource(s => s
              .Ajax().Read(r => r.Action("GetContacts", "Example"))
              .PageSize(15))
          )   

is filled with data and then you want to - from the client JS - call READ so that the data is refreshed, but you want to send some parameters to the controller.

I've searched the web and and the best I can find is:
        var $grid = $("#ExampleGrid").data("kendoGrid");
        $grid.dataSource.read.data = viewModel;
        $grid.dataSource.read();

but, even though data is set to the correct object, the object is never sent to the server (confirmed by IE F12 Developer tools Network sniffer)

So, how do you send data back to the server when you tell the grid to read?

[Nikolay Rusev]

Hello Lee,

DataSource.read method accepts as option additional data to send to server together with the current state. For example $grid.dataSource.read({ foo: "bar" }); will send to server the additional object with key `foo` and value `bar`.

Regards,
Nikolay Rusev
Telerik

[Lee Saunders]

Yep, that was it - I was mixing MVVM and the grid and ... well, they do not play well together in this specific instance.  The background JQuery blows up and I "ASSUMED" that it meant that passing data in the READ did not work. 

Turns our the READ needs a pure JS object, not an observable.

And I just learned that the .toJSON() off of an observable turns it back into a pure JS object.