kendo Grid select methods

Posted on Edited on In Views: Disqus:

 

kendo Grid select methods 有兩種不同用法

一、程式選取

grid.select("tr:eq(0), tr:eq(1)");

執行此方法會選取第一列與第二個列。

 

二、手動選取

var selectItems = grid.select();

執行此方法會回傳已被選擇的 rows。

 

參考範例如下

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>Kendo UI Snippet</title>

    <link href="https://kendo.cdn.telerik.com/2020.1.406/styles/kendo.common.min.css" rel="stylesheet" />
    <link href="https://kendo.cdn.telerik.com/2020.1.406/styles/kendo.default.min.css" rel="stylesheet" />
    <script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2020.1.406/js/kendo.all.min.js"></script>
</head>

<body>

    <div id="grid"></div>
    <script>
        $("#grid").kendoGrid({
            columns: [
                { field: "name" },
                { field: "age" }
            ],
            dataSource: [
                { name: "Tom", age: 10 },
                { name: "Trump", age: 73 },
                { name: "Tim", age: 30 },
                { name: "Jerry", age: 50 },
                { name: "Terry", age: 50 },
            ],
            selectable: "multiple, row"
        });
        var grid = $("#grid").data("kendoGrid");
        var nothing = grid.select("tr:eq(0), tr:eq(1)");
        var selectItems = grid.select();
    </script>
</body>

</html>

執行畫面為

說明：

由於已經選取了 Tom、Trump 兩列資料，所以在 grid.select(); 後，其 selectItems 將會有兩筆資料。

 

參考資料：

select