title: Update Kendo Grid selected cell value with the value in a Kendo Editor
body: <p>I have a Kendo Grid on my project</p>
  
  <pre><code>@(Html.Kendo().Grid&lt;TekstenViewModel.Tekst&gt;()
          .Name("Grid")
          .Columns(columns =&gt;
          {
              columns.Template(@&lt;text&gt;&lt;/text&gt;).ClientTemplate("&lt;input type='checkbox' class='checkbox' /&gt;").Width(10).Title("Verwijderen");
              columns.Bound(product =&gt; product.Naam).Width(100).ClientTemplate("#=Naam#" + "&lt;a class=\"meerActies iconBtn\" onclick=\"openPopupDemo('#: Naam #')\"&gt;&lt;/a&gt;");
              columns.Bound(product =&gt; product.Waarde).Width(100).ClientTemplate("#=Waarde#" + "&lt;a class=\"meerActies iconBtn\" onclick=\"openPopupDemo('#: Waarde #')\"&gt;&lt;/a&gt;");
              columns.Bound(product =&gt; product.Opmerking).Width(250).ClientTemplate("#=Opmerking#" + "&lt;a class=\"meerActies iconBtn\" onclick=\"openPopupDemo('#: Opmerking #')\"&gt;&lt;/a&gt;");
              columns.Template(@&lt;text&gt;&lt;/text&gt;).ClientTemplate("&lt;a class=\"delete iconBtn\" onclick=\"onClickDeleteResourceItem(#: ID #, '#: Naam #')\"&gt;&lt;/a&gt;").Title("").Width(50)
                  .HeaderTemplate(
                  "&lt;a class=\"undo iconBtn\" onclick=\"cancelGridChanges()\"&gt;&lt;/a&gt;"
                  + "&lt;a class=\"save iconBtn\" onclick=\"batchSaveResourceItemsSelection()\"&gt;&lt;/a&gt;"
                  + "&lt;a class=\"toevoegen iconBtn\" onclick=\"addNewResourceItem()\"&gt;&lt;/a&gt;"             
                  + "&lt;a class=\"delete iconBtn\" onclick=\"batchDeleteResourceItemsSelection()\"&gt;&lt;/a&gt;" + 
                      Html.WebCore().LinkButton(type: ButtonType.Zoeken, href: Url.Action(MVC.BeheerTeksten.ResourceItems_Read()) + "/" + Model.ToepassingsCode + "?"
                      + MVC.BeheerTeksten.ResourceItems_ReadParams.setID + "=" + Model.SetID + "&amp;" + "Grid-mode=insert").ToHtmlString());
          })
          .Pageable()
          .Sortable()
          .Filterable()
          .Groupable()
          .Navigatable()
          .Editable(editable =&gt; editable.Mode(GridEditMode.InCell).DisplayDeleteConfirmation(false))
          .Selectable(selectable =&gt; selectable
              .Mode(GridSelectionMode.Single)
              .Type(GridSelectionType.Cell))
          .DataSource(dataSource =&gt; dataSource
              .Ajax()
              //.AutoSync(true)
              .Batch(true)
  
              .Model(model =&gt;
              {
                  model.Id(product =&gt; product.ID);
                  model.Field(product =&gt; product.RESOURCE_SET_ID).DefaultValue(Model.SetID);
                  model.Field(product =&gt; product.Type).DefaultValue(Domain.Agromilieu2.Common.Objects.Entities.Resources.ResourceType.GLOBAL_RESOURCES);
                  model.Field(product =&gt; product.Taal).DefaultValue(Domain.Agromilieu2.Common.Agromilieu2Constants.Resources.DEFAULT_TAAL_CODE);
              })
              .Create(create =&gt; create.Action(MVC.BeheerTeksten.ActionNames.ResourceItems_CreateUpdate, MVC.BeheerTeksten.Name))
              .Read(read =&gt; read.Action(MVC.BeheerTeksten.ActionNames.ResourceItems_Read, MVC.BeheerTeksten.Name, new { setID = Model.SetID }))
              .Update(update =&gt; update.Action(MVC.BeheerTeksten.ActionNames.ResourceItems_CreateUpdate, MVC.BeheerTeksten.Name))
              .Destroy(destroy =&gt; destroy.Action(MVC.BeheerTeksten.ActionNames.ResourceItems_Delete, MVC.BeheerTeksten.Name))
          )
          )
  </code></pre>
  
  <p>One of the columns, for example, the Naam column, looks like this</p>
  
  <pre><code>columns.Bound(product =&gt; product.Naam).Width(100).ClientTemplate("#=Naam#" + "&lt;a class=\"meerActies iconBtn\" onclick=\"openPopupDemo('#: Naam #')\"&gt;&lt;/a&gt;");
  </code></pre>
  
  <p>What it does is open an Kendo Editor in a Popup with the value of product.Naam</p>
  
  <pre><code>function openPopupDemo(gridCellContent) {
              var editor = $("#kEditor").data("kendoEditor")
              editor.value(gridCellContent)
  
              domain.WebCore.popup.show("popupDemo");
          };
  </code></pre>
  
  <p>The popup window has a Kendo Editor, a OK and a Cancel button</p>
  
  <pre><code>@Html.WebCore().Popup.CustomButtons("popupDemo", "Waarde", Html.Kendo().Editor().Name("kEditor").HtmlAttributes(new { style = "width:740px;height:240px" }).Tools(tools =&gt; tools
          .Clear()
          .Bold().Italic().Underline().Strikethrough()
          .JustifyLeft().JustifyCenter().JustifyRight().JustifyFull()
          .InsertUnorderedList().InsertOrderedList()
          .Outdent().Indent()
          .CreateLink().Unlink()
          .InsertImage()
          .SubScript()
          .SuperScript()
          .TableEditing()
          .ViewHtml()
          .Formatting()
          .FontName()
          .FontSize()
          .FontColor().BackColor()        
        ).ToHtmlString(), new[]{new PopupButton("popupDemoAnnuleren", "Cancel", false),new PopupButton("popupDemoOk", "OK")})
  </code></pre>
  
  <p>Here is an image of my grid. The circle with the 3 dots is the button that opens the Kendo Editor</p>
  
  <p><img src="https://i.stack.imgur.com/8GGua.jpg" alt="enter image description here"></p>
  
  <p>And here is a image of my Kendo Editor popup with the text already edit</p>
  
  <p><img src="https://i.stack.imgur.com/LFCVe.jpg" alt="enter image description here"></p>
  
  <p>So far so good. I get the Naam value in my editor.</p>
  
  <p>When I click on OK, I call </p>
  
  <pre><code> domain.WebCore.popup.configure("popupDemo")
          .click(function (b) {
              var grid = $("#Grid").data("kendoGrid");                
              var editor = $("#kEditor").data("kendoEditor")
  
  
  
          });
  </code></pre>
  
  <p>which is not finished yet;</p>
  
  <p>And here is where it goes wrong. I'm struggling to update the value of Naam in the grid with the value that is on the editor.</p>
  
  <p>Any ideas on how to do this??</p>