如何在 jQuery-Mobile 中对列表视图进行分页？

【问题标题】：How to paginate listview in jQuery-Mobile?如何在 jQuery-Mobile 中对列表视图进行分页？
【发布时间】：2011-10-09 15:48:22
【问题描述】：

我想在 jQuery-Mobile 中显示一个长列表，但我想将列表拆分为多个页面，其中包含类似于 gmail 应用程序的上一个 - 下一个按钮。每页的项目数将取决于页面高度，并且会有所不同。

即使是关于如何根据屏幕高度确定元素数量的答案也将有助于解决问题，因为按钮和页面的创建虽然不容易，但也是可能的。

谢谢你的期待。

【问题讨论】：

我认为您可以使用带有搜索功能的 jquery 移动列表视图

标签： listview cross-browser pagination jquery-mobile

【解决方案1】：

我假设您希望分页为用户工作，因此应该在服务器端完成。对已经下载的内容进行分页没有多大意义（除非你只关心一种感觉）

在显示列表之前 - 获取单页的最佳长度
把它（加上一点js）作为参数放在URL中
像过去一样使用此设置进行分页

确定数量：将允许用户转到列表的按钮设为 1 元素列表视图。获取窗口高度，减去 heder 和 footer 的高度，除以 1 元素高度并作为参数放入链接。

完成

【讨论】：

“对已经下载的内容进行分页没有多大意义”一个包含 100 多个项目的页面可能下载速度很快，但导航起来并不容易。在某些情况下，将其分成单独的页面可能是值得的。我认为做这个客户端肯定有它的用途。
分页的整个想法是建立在为了速度和易于交付而拆分内容的目的之上的。如果下载和显示 100 多条记录不够快，您只需让用户滚动浏览它们即可。
我同意 Jordan Reiter 的观点，有时它确实有道理。我的情况是我需要这个功能，因为我的应用程序可以离线使用，因此服务器端不是一个选项。就我而言，我有超过 1000 个项目，因此如果没有分页导航，用户友好性不高。

猜你喜欢

1970-01-01
2020-03-28
1970-01-01
2013-11-03
1970-01-01
1970-01-01
1970-01-01
2016-09-30
1970-01-01

相关资源

下载 2023-01-26
下载 2023-02-12
下载 2021-06-06

最近更新更多

热门标签

Java Python linux javascript Mysql C# Docker 算法前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库数据结构大数据 js 机器学习微服务 Android Go 程序员面试 JVM ASP.net core 云原生人工智能后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习多线程 React 架构 devops 爬虫云计算 Spring Boot LeetCode