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

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

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

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

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

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



Вывод столбца моей сетки

введите здесь описание изображения

Смещение флажка после нажатия на столбец флажка (но не на флажке)

введите здесь описание изображения

Оценили заранее!


checkbox click disable kendo-asp.net-mvc datagridcolumn
person SharK    schedule 31.10.2018    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Причина, по которой положение флажка смещается, заключается в том, что применяется заполнение по умолчанию. Вместо использования метода 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>");
person Ceco Milchev    schedule 31.10.2018
comment
Ceco, спасибо за ответ. Я все еще вижу эту проблему даже после того, как заключил ее в тег div. Pl. поделитесь, если у вас есть другие мысли. К вашему сведению ... Я использую стиль начальной загрузки. - person SharK; 31.10.2018