在包含复选框的MVC Kendo网格上禁用单击事件

Question

我在MVC剑道网格上保留了该复选框的列。当我单击列而不是复选框时，复选框的位置正在滑移（向右移动），而click事件并未委托给复选框。

我尝试了 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>");