复选框 select 具有相同字段的所有行？使用 kendo-ui

Question

$(function () {
        var grid = $("#grid").kendoGrid({
            dataSource: { data: items, pageSize: 20 },
            sortable: true,      
            pageable: true,
            columns: [
                {
                    title: "Select All",                    
                    template: '<input type="checkbox" class="chkbx" />',
                { field: "Test1", title: "A" },
                { field: "Test2", title: "B" },
                { field: "Test3", title: "C" },
}).data("kendoGrid");

例如，当我 select 复选框在 Test1 时，我想 select 所有在现场测试 3 中具有相同数据的行。

Answer 1

您可以在复选框点击时有一个功能：

    $(document).on("click", ".chkbx", function() {

    });

检查 class 是否相同。然后你可以在函数里面做你的逻辑

if ($(this).is(':checked')) {
  var grid = $("#grid").data("kendoGrid");
  var selectedItem = grid.dataItem(grid.select());
  console.log(selectedItem); // selected row object;
  // loop elements, compare your values and and select lines/checkboxes


} else {

}

如何 select 有问题的特定行

    var row = grid.element.find("... whatever your criteria will be");
    grid.select(row);

复选框 select 具有相同字段的所有行？使用 kendo-ui

Checkbox select all row with same field? Using kendo-ui

html

javascript

kendo-ui