高清福利在线,国产精品一区二,色悠悠网址

Kendo UI for jQuery網格使用教程：數據綁定之本地數據

翻譯|使用教程|編輯：龔雪|2019-11-28 11:07:55.577|閱讀 315 次

概述：默認情況下，Kendo UI Grid for jQuery自動綁定數據，本文主要為大家介紹Kendo UI Grid如何綁定數據到本地數據數組。

相關鏈接：

Kendo UI目前最新提供Kendo UI for jQuery、Kendo UI for Angular、Kendo UI Support for React和Kendo UI Support for Vue四個控件。Kendo UI for jQuery是創建現代Web應用程序的最完整UI庫。

默認情況下，Kendo UI Grid for jQuery自動綁定數據。網格加載后，數據源立即發送查詢，并將數據加載到窗口小部件。要禁用此操作，請將小部件的autoBind選項設置為false，如下所示。

$("#grid").kendoGrid({
autoBind: false,
// Other configuration.
});

本地數據

Kendo UI Grid使您可以將其綁定到本地數據數組。要將Grid綁定到本地數據，請設置kendoGrid對象的dataSource選項。

有關可運行的示例，請參閱

var people = [ { firstName: "John",lastName: "Smith",email: "john.smith@telerik.com" },{ firstName: "Jane",lastName: "Smith",email: "jane.smith@telerik.com" },{ firstName: "Josh",lastName: "Davis",email: "josh.davis@telerik.com" },{ firstName: "Cindy",lastName: "Jones",email: "cindy.jones@telerik.com" } ];
$("#grid").kendoGrid({
  dataSource: people
  });

如圖所示：綁定到本地數據陣列的網格