title: EditCell with widgets Kendo Grid MVC
body: <p>I have a grid with some editor templates. The grid can be edited InCell.
  I want to change the edit inCell event so that it will edit the values on double click. Untill now I have done it like this : </p>
  
  <pre><code>$(table + " table").on("dblclick",
          "tbody&gt;tr&gt;td",
          function(e) {
              var grid = $(table).data("kendoGrid");
              grid.editCell($(this));
          });
  </code></pre>
  
  <p>The problem that I have is that when I double click on the cell, the widget that I want for editing (Multiselect, DropdownList ...) is not rendered in the grid and looks like this :</p>
  
  <p><a href="https://i.stack.imgur.com/QxhNj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QxhNj.png" alt="enter image description here"></a></p>
  
  <p>Instead, it should look like this:</p>
  
  <p><a href="https://i.stack.imgur.com/hfZ1q.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hfZ1q.png" alt="enter image description here"></a></p>
  
  <p>One of the editors looks like this :</p>
  
  <pre><code>@(Html.Kendo().DropDownList()
  .Name("Responsible")
  .DataTextField("ResponsibleName")
  .DataValueField("ResponsibleId")
  .BindTo((System.Collections.IEnumerable)ViewData["Responsible"])
  );
  </code></pre>
  
  <p>The definition of the grid is :</p>
  
  <pre><code> @(Html.Kendo().Grid(Model.ActivitiesList)
            .Name(Model.ActivitiesSection)
            .ClientDetailTemplateId(Model.ActivitiesSection + "-description")
            .Columns(columns =&gt;
            {
                columns.Bound(c =&gt; c.ActivityId).Title(@Html.Kendo().CheckBox().Name("check-#=ActivitiesSection#").Checked(false).Enable(false).ToString()).ClientTemplate(@Html.Kendo().CheckBox().Name("check-#=ActivityId#").Checked(false).ToString()).Sortable(false);
                columns.Bound(c =&gt; c.StatusColor).Title("").ClientTemplate("&lt;i class='fa fa-circle' aria-hidden='true' style='font-size: smaller; color:#=StatusColor#;'&gt;&lt;/i&gt;").Sortable(false);
                columns.Bound(c =&gt; c.StatusDescription).Title("Status").ClientTemplate("#=StatusDescription#");
                columns.Bound(c =&gt; c.Name).Title("Name").ClientTemplate("&lt;p class='activity-name'&gt;#=Name#&lt;/p&gt;");
                columns.Bound(c =&gt; c.Priority).Title("Priority").ClientTemplate("#=PriorityTemplate(Priority)#");
                columns.Bound(c =&gt; c.Responsible).Title("Responsible").HtmlAttributes(new { @class = "templateCell" }).ClientTemplate("#=ResponsibleTemplate(Responsible)#");
                columns.Bound(c =&gt; c.Team).Title("Team").ClientTemplate("Better solutions");
                columns.Bound(c =&gt; c.GeographicResponsibility).Title("Geographic Resp").HtmlAttributes(new { @class = "templateCell" }).ClientTemplate("#=GeographicResponsibilityTemplate(GeographicResponsibility)#").EditorTemplateName("_GeographicalResponsibilityEditor");
                columns.Bound(c =&gt; c.FunctionOrPracticeResponsible).Title("Function/Practice Resp").HtmlAttributes(new { @class = "templateCell" }).ClientTemplate("#=FunctionOrPracticeResponsibleTemplate(FunctionOrPracticeResponsible)#").EditorTemplateName("_FunctionResponsibleEditor");
                columns.Bound(c =&gt; c.DueDate).Title("Due date").ClientTemplate("&lt;p style='white-space: nowrap'&gt;#= DueDate != null ? kendo.toString(kendo.parseDate(DueDate,'dd/MM/yyyy'), 'dd-MM-yyyy') : 'DD-MM-YY' #&lt;/p&gt;").EditorTemplateName("_ActivityDueDateEditor");
                columns.Bound(c =&gt; c.Starred).Title("&lt;i class='fa fa-star' aria-hidden='true' style='color: #ededed; font-size:large;'&gt;&lt;/i&gt;").ClientTemplate("&lt;i class='fa fa-star' aria-hidden='true' style='color:\\#ededed;'&gt;&lt;/i&gt;").Sortable(false);
                columns.Bound(c =&gt; c.StatusDescription).Title("&lt;i class='fa fa-file' aria-hidden='true' style='color: #ededed; font-size:large'&gt;&lt;/i&gt;").ClientTemplate("&lt;i class='fa fa-file' aria-hidden='true' style='color:\\#ededed;'&gt;&lt;/i&gt;").Sortable(false);
                columns.Bound(c =&gt; c.ActivityId).Title("").ClientTemplate("&lt;input type='button' value='More Info' class='expanded-section' id='#= ActivityId #'/&gt;").Sortable(false);
                columns.Bound(c =&gt; c.ActivityId).Title("").ClientTemplate("&lt;input type='hidden' class='js-activity-id' value='#= ActivityId #'").Sortable(false);
                columns.Bound(c =&gt; c.KeyLaunchElementId).Hidden(true);
                columns.Bound(c =&gt; c.ProcessMapId).Hidden(true);
                columns.Bound(c =&gt; c.WorkstreamId).Hidden(true);
            })
  
            .DataSource(e =&gt; e.Ajax().ServerOperation(false).Sort(a =&gt; a.Add("Name").Ascending())
                .Model(model =&gt;
                {
                    model.Id(act =&gt; act.ActivityId);
                    model.Field(act =&gt; act.Name);
                    model.Field(act =&gt; act.ActivityId).Editable(false);
                    model.Field(act =&gt; act.Priority).DefaultValue(new ActivityPriorityViewModel());
                    model.Field(act =&gt; act.StatusColor).Editable(false).DefaultValue("#00b0d3");
                    model.Field(act =&gt; act.StatusDescription).DefaultValue("New").Editable(false);
                    model.Field(act =&gt; act.Responsible).DefaultValue(new ActivityResponsibleViewModel());
                    model.Field(act =&gt; act.Team).Editable(false);
                    model.Field(act =&gt; act.GeographicResponsibility).DefaultValue(new GeographicalResponsibilityViewModel());
                    model.Field(act =&gt; act.FunctionOrPracticeResponsible).DefaultValue(new List&lt;FunctionOrPracticeViewModel&gt;());
                    model.Field(act =&gt; act.DueDate);
                    model.Field(act =&gt; act.Starred).Editable(false);
                })
                .Update(update =&gt; update.Action("UpdateActivity", "Activity"))
                .AutoSync(true))
            .Events(events =&gt; events.DetailExpand("detailExpand").Save("function(e) { this.dataSource.sync() }").DataBound("activityFilter.IsSorted"))
  
  
            .Sortable(s =&gt; s.SortMode(GridSortMode.SingleColumn).AllowUnsort(false))
            .Editable(edit =&gt; edit.Mode(GridEditMode.InCell))
      )
  </code></pre>
  
  <p>Thank you!</p>