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. });