4

私は、最大5行しかないはずの単純な剣道UIグリッドを持っています。行を制限するために使用できる構成プロパティはありますか、またはデータソースを調べて5行を超えて追加されないようにするための簡単なカスタムロジックを作成する必要がありますか？

4

2 に答える 2

3

次のkendoGrid定義があるとします。

var grid = $("#grid").kendoGrid({
    dataSource:stocksDataSource,
    columns   :[
        { field:"col1", title:"Column 1" },
        { field:"col2", title:"Column 2" },
        { field:"col3", title:"Column 3" }
    ],
    toolbar   :[
        { name      :"create", className :"k-grid-add2" }
    ],
    editable  :true
}).data("kendoGrid");

createツールバーにボタンを追加しましたが、そのボタンを に再定義しましclassNameたk-grid-add2。次に、次のように、このボタンにイベントをトラップclickします。

$(".k-grid-add2", grid.element).bind("click", function (ev) {
    console.log("adding!");
    if (grid.dataSource.data().length < 5) {
        grid.addRow();
    } else {
        alert("Too many, sorry!")
    }
});

行数を確認し、5 未満の場合は呼び出しgrid.addRow()ます。それ以外の場合は、行が多すぎることをユーザーに警告します。

于 2012-11-26T11:24:27.920 に答える
2

ページ サイズを 5 行に制限する必要があるpageSize場合は、データソースでオプションを設定できます。

$("#grid").kendoGrid({
   dataSource: {
       pageSize: 5
   }
});

http://docs.kendoui.c​​om/api/web/grid#pageablepagesize-number

于 2012-11-26T10:26:21.707 に答える