javascript - 复选框选择具有相同字段的所有行？使用剑道用户界面

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

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

Answer 1

您可以在复选框点击时使用函数:

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

    });

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

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 {

}

如何有问题地选择特定行

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