如何在Kendo UI中使用复选框和ServerPaging？

<div id="grid"></div>

$("#grid").kendoGrid({
    dataSource: {
        transport: {
            read: {
                url: "your_data_source_url",
                type: "GET",
                dataType: "json"
            }
        },
        schema: {
            data: "data",
            total: "total"
        },
        serverPaging: true, // 开启ServerPaging
        pageSize: 10 // 设置每页显示的数据量
    },
    selectable: "multiple", // 设置复选框为多选模式
    columns: [ // 定义表格列
        { selectable: true, width: "50px" }, // 添加复选框列
        { field: "name", title: "姓名" },
        { field: "age", title: "年龄" }
    ]
});

$("#grid").on("click", ".k-checkbox", function() {
    var checkedItems = []; // 存储选中的行数据
    var grid = $("#grid").data("kendoGrid");
    grid.tbody.find(".k-checkbox:checked").each(function () {
        var dataItem = grid.dataItem($(this).closest("tr"));
        checkedItems.push(dataItem);
    });
    
    // 在这里可以处理选中行的数据
    console.log(checkedItems);
});