title: Inline Editing is not working in Kendo MVC
body: <p>Below is my <code>.cshtml</code></p>
  
  <pre><code>@using Kendo.Mvc.UI
  @model IEnumerable&lt;WebApplication1.Models.DemoViewModel&gt;   
  
  @{
      Layout = null;
      ViewBag.Title = "Home Page";
  }
  
  &lt;script src="http://code.jquery.com/jquery-1.11.1.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.2.714/styles/kendo.common-bootstrap.min.css" /&gt;
  &lt;link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.2.714/styles/kendo.bootstrap.min.css" /&gt;
  &lt;link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.2.714/styles/kendo.default.mobile.min.css" /&gt;
  &lt;script src="//kendo.cdn.telerik.com/2016.2.714/js/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="//kendo.cdn.telerik.com/2016.2.714/js/kendo.all.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.aspnetmvc.min.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" /&gt;
  
  
  &lt;div class="container-fluid"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-md-12"&gt;
              &lt;div class="PageContentHeading"&gt;
                  &lt;h3&gt;
                      &lt;span&gt;Select the company to view the document sharing area&lt;/span&gt;
                  &lt;/h3&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-md-12"&gt;
              @(Html.Kendo().Grid&lt;WebApplication1.Models.DemoViewModel&gt;()
                    .Name("SiteDetail")
                    .Columns(columns =&gt;
                    {
                        columns.Bound(p =&gt; p.name).Title("Name");
                        columns.Bound(p =&gt; p.gender).Title("Gender");
                        columns.Bound(p =&gt; p.designation).Title("Designation");
                        columns.Bound(p =&gt; p.department).Title("Department");
                        columns.Command(command =&gt; { command.Edit(); command.Destroy(); }).Width(250).Title("Action");                      
                    })
                    .ToolBar(toolbar =&gt;
                    {
                        toolbar.Template(@&lt;text&gt;
                  &lt;div class="toolbar"&gt;
                      &lt;div class="row"&gt;
                          &lt;div class="col-md-4" style="float:right;"&gt;
                              &lt;div class="input-group"&gt;
                                  &lt;span class="input-group-addon"&gt;&lt;span class="glyphicon glyphicon-search" aria-hidden="true"&gt;&lt;/span&gt;&lt;/span&gt;
                                  &lt;input type="text" class="form-control" id='FieldFilter' placeholder="Search by Company Details"&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                      &lt;/text&gt;);
                    })
                                .Navigatable()
                                .Pageable()
                                .Editable(editable =&gt; editable.Mode(GridEditMode.InLine))
                                .Sortable()
                                .Filterable()
                                .Resizable(resize =&gt; resize.Columns(true))
                                .Scrollable()
                                .DataSource(dataSource =&gt; dataSource // Configure the grid data source
                                .Ajax()
                                .PageSize(10)                             
                                .Read(read =&gt; read.Action("EditingInline_Read", "Home"))
                                .Update(update =&gt; update.Action("EditingInline_Update", "Home"))
                                .Destroy(destroy=&gt; destroy.Action("EditingInline_Destroy", "Home")
                                .Model(model =&gt;{ model.Id(x =&gt; x.id);})                             
                                 )
              )
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Below is my controller</p>
  
  <pre><code>public ActionResult EditingInline_Read([DataSourceRequest]DataSourceRequest request)
  {
  
      List&lt;TestDemo&gt; _tst = new List&lt;TestDemo&gt;();
      _tst.Add(new TestDemo { name = "ddd", gender = "ffs", designation = "ff", department = "fdf" });
      _tst.Add(new TestDemo { name = "ddd1", gender = "ffs1", designation = "ff1", department = "fdf1" });
  
      DemoViewModel model = new DemoViewModel();
      model.Testlist = _tst.AsEnumerable().Select(x =&gt; x);
      DataSourceResult result = model.Testlist.ToDataSourceResult(request);
      return Json(result, JsonRequestBehavior.AllowGet);
  }
  
  [AcceptVerbs(HttpVerbs.Post)]
  public ActionResult EditingInline_Update([DataSourceRequest] DataSourceRequest request, DemoViewModel product)
  {
      if (product != null &amp;&amp; ModelState.IsValid)
      {
          //productService.Update(product);
      }            
      return Json(new[] { product }.ToDataSourceResult(request, ModelState));
  }
  
  [AcceptVerbs(HttpVerbs.Post)]
  public ActionResult EditingInline_Destroy([DataSourceRequest] DataSourceRequest request, DemoViewModel product)
  {
      if (product != null)
      {
          //productService.Destroy(product);
      }
  
      return Json(new[] { product }.ToDataSourceResult(request, ModelState));
  }
  </code></pre>
  
  <p><code>EditingInline_Read</code> is being hit by debugger but <code>Update</code> and <code>Destroy</code> are not being hit by debugger. Can someone suggest what is the approach for update and Delete in Kendo grid.
  I have seen workaround also to remove <code>[AcceptVerbs(HttpVerbs.Post)]</code> but still this does not work for me.</p>