Get value of the cell I edit

[Mateusz]

Hi,

 I have a Grid with batch editing. When I start to edit cell I have to capture the value of it (with changes made while editing) to send it to the controller. 

 How can I get this value? I have managed to get the cell itself with following javascript but it does not hold the value:

 

function cellData() {
     var grid = $("#CustomerOrderPosition").data('kendoGrid');
     var cellId = grid._cellId;
     var cell = document.getElementById(cellId);
 }

[Viktor Tachev]

Hello Mateusz,

In order to get the value for the cell before it is changed you can handle the edit event for the grid. Check out the following dojo sample that illustrates the approach:

• http://dojo.telerik.com/ATEzi

Regards,
Viktor Tachev
Telerik

[Mateusz]

Hi Viktor,

 What about value after I change it? I need this functionality for autocomplete that I use in Grid, so when I type in new character I need new a method that will pass value to my custom editor.

 

[Viktor Tachev]

Hi Mateusz,

If you are using a custom editor in one of the column of the grid you can use an approach similar to the one illustrated in the following online example.

• http://demos.telerik.com/kendo-ui/grid/editing-custom

Regards,
Viktor Tachev
Telerik

[Mateusz]

this example is nothing new to me and it just loads static data. What I need is an example of body for method onAdditionalData that is used in code below that makes server side filtering possible:

Full example from Telerik​

<%= Html.Kendo().AutoComplete()
          .Name("products")
          .DataTextField("ProductName")
          .Filter("contains")
          .MinLength(3)
          .HtmlAttributes(new { style = "width:250px" })
          .DataSource(source => {
              source.Read(read =>
              {
                  read.Action("GetProducts", "Home")
                      .Data("onAdditionalData");
              })
              .ServerFiltering(true);
          })
    %>

[Viktor Tachev]

Hello,

You can use custom editor by adding For to the name of the AutoComplete widget. Then you can use jQuery to get the value entered by the user and return it in the onAdditionalData function.

function onAdditionalData() {
    return {
        text: $("#products").val()
    };
}

Regards,
Viktor Tachev
Telerik