相关疑难解决方法(0)

Kendo网格:如何检查所选行的所有复选框?

我正在使用带有MVC和C#的Telerik Kendo网格.我有一个网格,填充了一些数据,并添加了一个复选框列 - 用于使用户可以选择所有.

现在,当我选中"selectAll"复选框时,将检查所有复选框(每行一个),因为它们应该是.

我想做什么:我希望能够双击一行并让chechbox检查更改 - 如果未选中,则dbl-click将检查它,反之亦然.

此外,由于Kendo网格允许用户选择许多(mousedown,拖动和mouseup - 就像在桌面上选择图标一样),我想拥有它,以便当用户执行此操作时,所有选定的行都有他们的选中复选框,如果已经选中复选框,则此操作将导致复选框变为未选中状态.

细节:

  • 网格名称:网格
  • JQuery版本:1.8.3
  • MVC 4
  • 最新的KendoUI

选中"selectAll"复选框时检查所有复选框的代码:

$(document).ready(function () {
var grid = $('#Grid').data('kendoGrid');
    grid.thead.find("th:last")
    .append($('<input class="selectAll" type="checkbox"/>'))
    .delegate(".selectAll", "click", function () {
        var checkbox = $(this);
        grid.table.find("tr")
            .find("td:last input")
            .attr("checked", checkbox.is(":checked"))
            .trigger("change");
    });
});
Run Code Online (Sandbox Code Playgroud)

我是Javascript的初学者所以任何帮助将非常感激.

asp.net-mvc grid jquery asp.net-mvc-4 kendo-ui

2
推荐指数
1
解决办法
2万
查看次数

标签 统计

asp.net-mvc ×1

asp.net-mvc-4 ×1

grid ×1

jquery ×1

kendo-ui ×1