jQuery UI組件庫Kendo UI for jQuery數(shù)據(jù)管理使用教程：ListView滾動

---

Kendo UI for jQuery R3 2020 SP1試用版下載

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庫。

默認情況下，禁用ListView的滾動功能。

入門指南

要啟用滾動功能，請設(shè)置scrollable屬性。 如果scrollable設(shè)置為true，并且內(nèi)容超過ListView的高度值，則該小部件將顯示一個滾動條。

$("#listview").kendoListView({
scrollable: true,
height: 350,
// other configuration
});

無限滾動

無限的滾動功能使ListView可以通過按需附加數(shù)據(jù)頁面來顯示大量數(shù)據(jù)，當(dāng)ListView的滾動條到達其末端時，將進行新項目的加載。 返回數(shù)據(jù)后，僅呈現(xiàn)新項目并將其附加到舊項目，ListView的無限滾動適用于本地和遠程數(shù)據(jù)。

無限滾動還可以與編輯一起使用，當(dāng)ListView處于其無限滾動模式并且打開了一個項目進行編輯時，即使在請求新頁面之后，該項目仍將保持打開狀態(tài)。

要啟用無限滾動，請將可滾動屬性設(shè)置為endless。

ListView支持無限滾動，而不管它是綁定到本地還是遠程數(shù)據(jù)：

• 當(dāng)綁定到本地數(shù)據(jù)數(shù)組時，ListView會將所有項目序列化到客戶端，并且在用戶滾動時，小部件將顯示新項目。
• 當(dāng)綁定到遠程數(shù)據(jù)時，ListView僅序列化一頁的項目。 當(dāng)用戶滾動到列表的末尾時，ListView發(fā)送一個AJAX請求以獲取下一頁的項目。 返回數(shù)據(jù)后，ListView僅呈現(xiàn)新項目并將其追加到舊項目。

$("#listview").kendoListView({ scrollable: "endless", height: 350, // Other configuration. });

---

了解最新Kendo UI最新資訊，請關(guān)注Telerik中文網(wǎng)！