禁用包含复选框的 mvc kendo 网格上的单击事件

Question

我在 MVC 剑道网格上有一列包含复选框。当我单击列但未单击复选框时，复选框位置正在滑动（向右移动）并且单击事件未委托给复选框。

我尝试了 Change 事件和 DataBound 来抑制即使在列上的点击，但无法做到。

关于禁用此 Kendo Grid 复选框列上的点击事件或将列的点击事件委托给复选框的任何建议！

下面是我用来构建复选框列的代码sn-p，

columns.Bound(p => p.IsSelected).Title("Select").Width(11).ClientTemplate("<input type='checkbox' #= (IsSelected) ? checked='checked' : '' #  id=chk#=(Id)#  class='exclchkbx' />").HtmlAttributes(new { style = "text-align: center;" }).Width(10).HeaderHtmlAttributes(new { style = "text-align:center;" });

我的网格列的输出

单击复选框列后复选框错位（但不在复选框上）

提前欣赏！

Answer 1

复选框位置滑动的原因是应用了默认填充。除了使用 HeaderHtmlAttributes 方法，您可以将模板包装在带有 text-center 的 div 中，如下所示：

            columns.Bound(p => p.IsSelected).Title("Select").Width(11).ClientTemplate("<div class=\"text-center\"><input type='checkbox' #= (IsSelected) ? checked='checked' : '' #  id=chk#=(Id)#  class='exclchkbx' /></div>");