Inline Editing is not working in Kendo MVC
<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>