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

默認(rèn)情況下，禁用ListView的滾動功能。

 

 

 

 

入門指南

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

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

 

無限滾動

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

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

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

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

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

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

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