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

标签 listview cross-browser pagination jquery-mobile

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

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

谢谢你的期待。

最佳答案

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

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

  • 要确定数量:
    使让用户进入列表的按钮成为 1 个元素的 ListView 。
    获取窗口高度,减去 heder 和 footer 的高度,除以 1 元素的高度并作为参数放入链接。

    完毕

    关于listview - 如何在 jQuery-Mobile 中对 ListView 进行分页?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6766842/

    相关文章:

    带有两个 ArrayLists 的 Android ListView 适配器

    android - 如何获得像 Android 设置屏幕中那样的包装 ListView?

    java - 使用 customAdapter 后项目的错误位置

    html - 额外的隐藏表单输入,导致表格单元格在 IE7 上展开(截图)

    java - 为什么在尝试使用 Selenium 打开网站时出现 GridException

    javascript - 如何使 HTML5 <input type=month> 在所有浏览器上运行?

    php - 如何在 laravel DB::select 查询中使用分页

    Android ListView展开项目列表

    php - 搜索结果分页

    javascript - 在railscast 114之后实现 'Endless Page' Javascript