jQuery UI組件庫Kendo UI for jQuery數據管理使用教程：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是創建現代Web應用程序的最完整UI庫。

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

入門指南

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

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

無限滾動

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

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

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

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

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

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

---