开发者论坛

 找回密码
 注册 (请使用非IE浏览器)
查看: 3930|回复: 0

Kendo UI ListView滚动功能

[复制链接]

0

精华

8

贡献

1768

赞扬

特约版主

帖子
583
软币
4524
在线时间
275 小时
注册时间
2019-2-21
发表于 2020-11-12 09:58:36 | 显示全部楼层 |阅读模式
Kendo UI目前最新提供Kendo UI for jQueryKendo UI for AngularKendo UI Support for ReactKendo UI Support for Vue四个控件。Kendo UI for jQuery是创建现代Web应用程序的最完整UI库。
默认情况下,禁用ListView的滚动功能。
入门指南
要启用滚动功能,请设置scrollable属性。 如果scrollable设置为true,并且内容超过ListView的高度值,则该小部件将显示一个滚动条。
[HTML] 纯文本查看 复制代码
$("#listview").kendoListView({
scrollable: true,
height: 350,
// other configuration
});

无限滚动
无限的滚动功能使ListView可以通过按需附加数据页面来显示大量数据,当ListView的滚动条到达其末端时,将进行新项目的加载。 返回数据后,仅呈现新项目并将其附加到旧项目,ListView的无限滚动适用于本地和远程数据。
无限滚动还可以与编辑一起使用,当ListView处于其无限滚动模式并且打开了一个项目进行编辑时,即使在请求新页面之后,该项目仍将保持打开状态。
要启用无限滚动,请将可滚动属性设置为endless。
ListView支持无限滚动,而不管它是绑定到本地还是远程数据:
  • 当绑定到本地数据数组时,ListView会将所有项目序列化到客户端,并且在用户滚动时,小部件将显示新项目。
  • 当绑定到远程数据时,ListView仅序列化一页的项目。 当用户滚动到列表的末尾时,ListView发送一个AJAX请求以获取下一页的项目。 返回数据后,ListView仅呈现新项目并将其追加到旧项目。
[JavaScript] 纯文本查看 复制代码
$("#listview").kendoListView({ scrollable: "endless", height: 350, // Other configuration. });




回复

使用道具 举报

Archiver|手机版|小黑屋|开发者网 ( 苏ICP备08004430号-2 )
版权所有:南京韵文教育信息咨询有限公司

GMT+8, 2024-5-8 10:49

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表