代码之家  ›  专栏  ›  技术社区  ›  SharK

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

  •  0
  • SharK  · 技术社区  · 6 年前

    我在MVC剑道网格中有一列选中了这个复选框。当我单击列而不是复选框时,复选框位置正在滑动(向右移动),单击事件没有委派给复选框。

    我试过了 改变 事件和 数据绑定 以禁止单击偶数列,但无法执行此操作。

    有什么建议 禁用此剑道网格复选框列上的单击事件 或者去 将列的单击事件委派给复选框 !

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

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



    我的网格列的输出

    enter image description here

    单击复选框列(但未选中复选框)后,复选框错位

    enter image description here

    提前感谢!

    1 回复  |  直到 6 年前
        1
  •  0
  •   Ceco Milchev    6 年前

    复选框位置打滑的原因是应用了默认填充。不使用HeaderHtmlAttributes方法,您可以将模板包装在具有文本中心的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>");