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

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的无限滚动适用于本地和远程数据。

要启用无限滚动,请将可滚动属性设置为endless。

ListView支持无限滚动,而不管它是绑定到本地还是远程数据:

  • 当绑定到本地数据数组时,ListView会将所有项目序列化到客户端,并且在用户滚动时,小部件将显示新项目。
  • 当绑定到远程数据时,ListView仅序列化一页的项目。 当用户滚动到列表的末尾时,ListView发送一个AJAX请求以获取下一页的项目。 返回数据后,ListView仅呈现新项目并将其追加到旧项目。
$("#listview").kendoListView({ scrollable: "endless", height: 350, // Other configuration. });

高端UI界面开发
标签:

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2020年10月8日
下一篇 2020年10月8日

相关推荐

发表回复

登录后才能评论