Kendo UI目前最新提供Kendo UI for jQuery、Kendo UI for Angular、Kendo UI Support for React和Kendo UI Support for Vue四個控件。Kendo UI for jQuery是創(chuàng)建現(xiàn)代Web應(yīng)用程序的完整UI庫。

當(dāng)您顯示大量項目并使用編輯、分組、過濾、排序或?qū)哟谓Y(jié)構(gòu)時，連續(xù)滾動非常適合。

入門指南

要啟用連續(xù)滾動，請將scrollable.endless屬性設(shè)置為true。

注意：為了使功能正常工作，有兩個要求：

• 需要一個垂直滾動條

• 網(wǎng)格的高度應(yīng)恒定

當(dāng)網(wǎng)格綁定到本地和遠程數(shù)據(jù)時，它們都支持連續(xù)滾動：

• 當(dāng)綁定到本地數(shù)據(jù)數(shù)組時，網(wǎng)格會將所有項目序列化到客戶端，并且在用戶滾動時，小部件將顯示新項目。

• 當(dāng)綁定到遠程數(shù)據(jù)時，網(wǎng)格僅將一頁的項目序列化。 當(dāng)用戶滾動到列表的末尾時，網(wǎng)格將發(fā)送AJAX請求以獲取下一頁的項目。返回數(shù)據(jù)后，網(wǎng)格僅呈現(xiàn)新項目并將其追加到舊項目。

$(“#grid”).kendoGrid({
scrollable: {
endless: true
},
// Other configuration.
});

與編輯一起使用

與常規(guī)分頁一樣，連續(xù)滾動與編輯方式相似，但是當(dāng)您與編輯一起使用連續(xù)滾動并打開一個項目進行編輯時，即使在請求新頁面之后，該項目仍將保持打開狀態(tài)。

與分組一起使用

• 開箱即用，連續(xù)滾動與分組一起工作，但是當(dāng)兩個功能一起使用時，網(wǎng)格將以以下特定方式運行：

• 如果將網(wǎng)格滾動到底部，它將請求的項目數(shù)將等于項目數(shù)和頁面大小。

• 如果最后一組項目被折疊，則網(wǎng)格仍將請求該組中的項目。

• 如果一組項目跨越多個頁面，則網(wǎng)格將發(fā)出多個請求。

• 當(dāng)返回特定的項目子集時，這些項目將被渲染和隱藏，因為該組已折疊。 網(wǎng)格將繼續(xù)請求這些項目，直到到達新的組或直到不存在任何要請求的項目為止。

• 如果網(wǎng)格綁定到遠程數(shù)據(jù)，請啟用serverGrouping將分組應(yīng)用于所有項目。

與層次結(jié)構(gòu)一起使用

如果網(wǎng)格顯示層次結(jié)構(gòu)數(shù)據(jù)并且展開了某個項目，則在滾動這些項目并請求新頁面時，該網(wǎng)格不會折疊。

注意：篩選、排序和分組操作將重置滾動位置。