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

发布于 2024-11-25 10:41:27 字数 178 浏览 2 评论 0原文

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

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

谢谢你的期待。

I will like to display a long list in jQuery-Mobile, but I will like to split the list into multiple pages with previous - next buttons similar to gmail applications. The number of items per page will depend on the page height and will be different.

Even the answer on how to decide number of elements based on screen height will help solve the problem as creations of buttons and pages though not easy, is possible.

Thank you in anticipation.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

失而复得 2024-12-02 10:41:28

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

  1. 在显示列表之前 - 获取单个页面的最佳长度
  2. 将其(带有一点js)作为参数放在 URL 中
  3. 像以前一样使用此设置分页

要确定数字:
将允许用户转到列表的按钮设置为 1 元素列表视图。
获取窗口高度,减去heder和footer的高度,除以1个元素的高度,然后作为参数传递给链接。

完毕

I assume you want the pagination to work for the user, so it should be done server-side. Paginating the content that was already downloaded doesn't make much sense (unless you only care for a feeling)

  1. Before showing the list - get the optimum length for a single page
  2. Put it (with a bit of js) in the URL as a parameter
  3. Paginate with this setting like in the old times

To determine the number:
Make the button that lets user go to the list a 1 element listview.
Get the window height, substract height of heder and footer, divide by the 1 element height and put as a parameter to the link.

done

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文