jQuery UI组件库Kendo UI for jQuery数据管理使用教程：ListView滚动

Kendo UI目前最新提供KendoUI for jQuery、KendoUI for Angular、KendoUI Support for React和KendoUI 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. });