Отключить событие клика на сетке кендо MVC, содержащей флажок

Question

У меня есть столбец, содержащий флажок в сетке кендо MVC. Когда я нажимаю на столбец, но не на флажок, позиция флажка смещается (перемещается вправо), и событие щелчка не делегируется флажку.

Я пытался Изменить событие и DataBound , чтобы подавить щелчок даже по столбцу, но не смог этого сделать.

Любые предложения по отключить событие click для этого флажка-столбца Kendo Grid или делегировать событие click столбца с флажком !

Ниже приведен фрагмент кода, который я использовал для построения столбца флажка,

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 вы можете заключить шаблон в элемент div с text-center следующим образом:

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