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

Question

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

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

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

下面是我用来构建复选框列的代码片段，

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>");