问题标签 [jquery-pagination]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2454 浏览

jquery - 使用 Bootstrap 为数据库内容创建分页,无需重新加载页面

我正在使用引导程序的网站上工作。我想通过引导程序在讨论板中为我的数据创建分页。我尝试了很多东西,但找不到在不刷新页面的情况下对结果进行分页的方法。我在网上搜索,得到一个代码,每次单击页码时都会向数据库发出请求并获取结果。但是在这里,我将数据库中的所有结果一次提取到一个分区中。我需要使用引导分页对该分区中的数据进行分页。另外,我正在使用 jquery hashchange 进行导航。所以,我需要一种方法来分页与 hashchange 兼容的结果。这意味着,当页面更改时,url 也应该更新。请有人帮我解决这个问题。

这是我网站的视图。 http://i.stack.imgur.com/gMSIz.png

0 投票
0 回答
318 浏览

php - PHP foreach div 表格分页简单 next 上一个

名称1-66 名称2-63 名称3-17 名称4-16 名称5-15 名称6-14

我想在下面显示该图片网址。

在此处输入图像描述

0 投票
6 回答
107874 浏览

javascript - 如何使用 SimplePagination jquery

我正在尝试在我的代码上使用simplePagination 。(我正在使用 MVC4 C# 进行开发)

假设我有一堆代码

*注意:在上面的代码中,我将类 'post' 添加到每个 'tr' (表体中的行)。这些行是由 for 循环(C#)动态生成的

从文档中,如果我想使用simplePagination,我必须像这样声明 jquery:

实际上我不太确定如何使用(*如何调用)这个simplePagination。这是我第一次处理分页。

我已经尝试将此代码放在表格之后

并用'.pagination-page'更改jquery调用方法中的'Selector',但它没有用。

  1. 我应该用类名替换“选择器”吗?如果是,我该怎么做?
  2. 其次是如何声明这个simplePagination以便它为每个页面仅显示 2 行(仅 2 类“Post”)?

*意味着在第一页它只会显示

第二页会显示

很快..

*注意:我不确定这个 jquery 将如何检测我们有多少项目并生成页面数量并相应地放置这些项目。

0 投票
0 回答
786 浏览

javascript - 如何对 html 电子书进行分页以在基于 android webview 的应用程序中显示

我正在创建一个基于 webview 的 android 应用程序,在该应用程序中我需要像电子书页面一样显示 html,我必须使用 webview 的原因是因为我需要在滚动标题更改时根据内容查看此链接更改标题 http:// jsfiddle.net/kd6Y4/10/show/ 我如何对其进行分页请帮助我这里的代码是 jsfiddle 链接http://jsfiddle.net/kd6Y4/10/ js 代码用于阅读标题并向电子书添加突出显示:-

0 投票
2 回答
1331 浏览

jquery - JQuery Datatable 分页,只有每页的结果

以下是我的 JSP 中分页数据表的代码:

在我的 servlet 中,我有一个查询,它从数据库表中获取整个数据,比如 company,它在结果集中返回一百万行。

然后过滤此结果集,如下所示:

filteredCompanyList是我在数据表中显示的列表,有 10 行。当用户单击分页的“下一步”按钮时,将触发一个新请求,该请求将再次获取完整的公司数据,然后过滤第二页的下 10 条记录。简而言之,每当用户单击下一个按钮时,都会触发获取一百万条记录的查询。

我需要知道当用户点击下一个按钮时,是否有办法只获取接下来要显示的10 条记录。

0 投票
0 回答
238 浏览

jquery - 在具有 javascript 函数而不是链接的锚标记上进行 jquery 分页?

我有一些锚标签,每个标签都在点击时调用一些 javascript 函数(它们的 href 为 #),如果我在进行分页,它将只生成链接但是我想调用 javascript 函数而不是链接,例如,

我如何使用 jquery ajax 分页对它们进行分页。我正在使用 codeigniter 2.1.4。

0 投票
1 回答
789 浏览

jquery - 将 jPages 与通过 ajax 传递的内容一起使用

我在让 jPages ( http://luis-almeida.github.io/jPages/ ) 插件处理通过 ajax 传递的内容时遇到了一些实际问题。

我正在构建的页面本质上允许用户查看我们客户公司的当前空缺职位列表。加载页面后,将使用表单中的默认值触发 ajax 请求。然后,该请求将所有空缺返回到页面(见下文)。

当我们有少量空缺时,这很好,如下所示,但是如果我们有 100 个空缺怎么办?

所有职位空缺

为了解决这个问题,我决定使用 jPages 对页面加载时发送的 ajax 请求的结果进行分页。首先,我的这个页面(内容被加载到的地方)的基本 html 的默认结构如下:

如您所见,这是一个非常简单的结构。当我的 ajax 第一次加载时,这个 html 变成:

对于每个空缺,这种结构会一遍又一遍地重复。我用来进行此调用的函数如下:

作为尝试在此设置中实现 jPages 的一部分,我在此代码的末尾添加了以下内容:

这在分页开始时以某种方式起作用,但是奇怪的是,它似乎将以下 html 分组到单独的页面中:

内容和分隔线。我相信它正在这样做,因为它正在将 perPage 应用于指定容器中的每个 div,而实际上应该只将其应用于具有 .jobpost 类的 div。

我查看了这个插件的文档,但找不到指定哪些元素应该专门分页的方法。理想情况下,此脚本应显示为每页 2 个作业,但由于分隔符 div,它实际上显示为 1。

有没有人有任何建议或解决方法可以实施以确保每页显示正确数量的工作?是否有能力指定一个不在文档中的选择器来中断?

任何帮助将不胜感激。

相关页面可在此处 ( http://equiniti.hireserve-projects.com/vacancies.html ) 找到,并且正在进行中。

如果您需要任何进一步的信息或代码,请随时询问。

热兹平

0 投票
1 回答
284 浏览

json - jqGrid json数据网格不显示

我有一个具有以下定义的 jqGrid

我从 Struts2 Action 获得以下格式的 json 数据:

我的jsonData也如下

但是我的网格没有加载数据。我得到一个只有标题的空白网格。任何人都可以指导我完成它。我已经搜索了其他问题。并尝试了这些问题中提到的所有内容(或者我可能错过了一些重要的事情)。

我还必须实现服务器端分页。所以我猜使用 jsonString 作为数据类型不会有帮助。因为它在加载后充当本地。如果我错了,请纠正我。

编写 java 分页实现的任何指导也会有所帮助。

0 投票
1 回答
114 浏览

jquery - jquery plugin, set property value to ajax data

I am struggling here. Using this simple pagination plug (http://flaviusmatis.github.io/simplePagination.js/#page-19) and trying to set the number of items to a value returned from an ajax call. But it will never work. If I set the number of items to a hard coded number it works just fine, but every for every letter I call this function with the number of items will change so I want to do it with this call.

This is what I have:

0 投票
1 回答
8642 浏览

datatables - 使用数据表 jquery 在每页记录下拉列表中添加更多选项

我一直在使用数据表 jquery ( http://datatables.net/ ) 插件。

一切正常,但现在我希望能够选择比每页记录的默认选项更多的选项,默认情况下我可以选择 10 、 25 、 50 、 100 。我想将 15 和 30 添加到此列表中。

我该怎么做,我在互联网上搜索但找不到任何答案。

谢谢