如何在jQuery-Mobile中对listview进行分页?

dha*_*deo 5 pagination listview cross-browser jquery-mobile

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

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

谢谢你的期待.

nau*_*tur 0

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

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

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

完毕

  • “对已下载的内容进行分页没有多大意义”,包含 100 多个项目的页面可能下载速度很快,但导航起来就不那么容易了。对于某些情况,将其分成单独的页面可能是值得的。我认为做这个客户端肯定有它的用处。 (2认同)
  • 分页的整个想法是建立在分割内容以提高交付速度和方便性的目的之上的。如果下载和显示 100 多条记录的速度太快,您只需让用户滚动浏览它们即可。 (2认同)