復選框選擇具有相同字段的所有行？ 使用劍道界面

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

例如，當我在 Test1 中選擇復選框時，我想選擇在現場測試 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);