草庐IT

paginator

全部标签

javascript - 无限滚动和 will_paginate 多次附加项目的 'next page'

我正在关注thisrailscast尝试在我的Rails应用程序上实现无限滚动页面。当用户向下滚动到页面底部时,将附加一组新的项目并且页面会扩展,但是它会多次附加到页面,即使数组中的所有项目都已加载,事件也会在向下滚动时再次触发,多次再次附加同一组项目。我想要的是在每次用户滚动到底部时附加项目的“下一页”,并在用户再次滚动到底部时附加后续的下一页。这是这个函数的jQuery:jQuery->if$('.pagination').length$(window).scroll->url=$('.pagination.next_page').attr('href')ifurl&&$(wind

javascript - will_paginate 页面链接问题

我目前有一个评论模型,在微博下发表,并且都显示在同一页面上。问题是两者都显示在同一页面上并且都已分页,我正在尝试采用facebook方法进行微张贴。这是下面的问题:两个分页的链接变成了这个href="/users/2?page=2"而不是href="/users/2/micropost?page=2"或href="/users/2/comment?page=2"。我不确定如何着手解决这个问题。这是我的一些代码。非常感谢所有建议!微博渲染HTMLfalse%>Addathread!评论部分HTML'class='CommentContainerCondensed2'>"comments/

javascript - 使用 django-el-pagination(惰性分页)保留浏览器历史记录

我正在使用django-el-pagination延迟加载条目。当我点击一个条目然后使用浏览器后退按钮时,所有的延迟加载都消失了,我尝试添加window.history.pushState()但我只得到当前页面即?page=4当我使用浏览器后退按钮时,顶部的所有条目都未加载。有什么方法可以实现正确的历史记录,以便用户在使用浏览器后退按钮时回到同一个地方?$.endlessPaginate({paginateOnScroll:true,paginateOnScrollMargin:400,paginateOnScrollChunkSize:2,onCompleted:function(c

javascript - 同一页面上的 React Paginate Second Instance 不会重新呈现

我正在使用react-paginate进行分页,我在同一页面上有两个实例。一个在顶部,一个在底部,当收到新的Prop时,只有顶部的一个被重新渲染。下面是代码,我已经检查了组件上的不同生命周期方法,如果它接收到新的Prop并调用了渲染方法,一切似乎都在工作,但在页面中只有顶部分页有效,这意味着如果我点击第2页,第二个实例应该也更改为第2页,因为它收到了所选页面的新值。有什么想法吗?importReactfrom'react';importReactPaginatefrom'react-paginate';exportdefaultclassPagerextendsReact.Compon

javascript - 如何在 Angular UI Bootstrap Pagination 中生成链接

我一直在继续学习angular,现在已经成功地使用了angularuibootstrap分页。我能够显示项目列表以及正确的页数。每当我点击分页时,也会切换到正确的页面。现在我的问题是,如果用户想要为某个页面添加书签,或者确保用户在刷新浏览器时都停留在同一页面上,我该怎么做。浏览器的地址栏上没有生成任何链接(href)。我还需要设置路线吗?能否请您发布一些示例,因为它会对我有很大帮助。谢谢。 最佳答案 你需要设置路线,你可以使用routeProvider来完成或uirouter在这个例子中,我使用路由提供者来演示,但是思路是一样的。这

javascript - Parse.com : How to paginate results from a Parse. 查询?

目前,我正在使用JavascriptParse.Object.extend查询结果,并使用underscoreJS将这些结果模板化到列表中。下面是查询解析对象并将对象添加到Underscore模板的代码。varAssignment=Parse.Object.extend("Assignments");varquery=newParse.Query(Assignment);query.descending('updatedAt');query.find({success:function(results){console.log("Success");vartableTemplate=$

javascript - 数据表 : How to hide the pagination and only show it as need?

我有2个表正在使用DataTablejQuery插件。我想知道是否有办法将我的分页隐藏在table的右下角。注意事项:只在我需要时显示分页。当查询结果小于10条时隐藏分页。 最佳答案 使用drawCallback处理DT的选项draw基于可用页面的事件和显示/隐藏分页控件:$('#table_id').dataTable({drawCallback:function(settings){varpagination=$(this).closest('.dataTables_wrapper').find('.dataTables_pag

php - Codeigniter 3 博客应用程序 : how can I avoid using a redundant $config pagination array?

我正在使用Codeigniter3.1.8开发一个博客应用程序。我有一个帖子Controllerapplication/controllers/Posts.php我有一个类别Controllerapplication/controllers/Categories.php在我的帖子Controller中:publicfunctionindex(){$this->load->library('pagination');$config=['base_url'=>base_url("/posts"),'page_query_string'=>TRUE,'query_string_segment

php - Laravel 5 分页链接到错误的地方

我目前正在将我的一个项目从4.2更新到Laravel5。我知道分页器类发生了很多变化,但我真的不明白为什么这不起作用。我在项目的多个位置对Eloquent模型调用paginate(),一切都很好。但是同一个项目有一个带过滤器的配置文件搜索页面,所以我必须调用一个巨大的自定义DB::table()查询。之后,我想根据结果构建一个分页器对象。$q=\DB::HUGEQUERYHERE....//Executequery$results=$q->get();//Getpaginationinformationandslicetheresults.$perPage=20;$total=coun

php - CakePHP 3 中自定义数组的分页

我有像这样的自定义数组:[business]=>Array([55]=>Array([id]=>1[name]=>abc[contact]=>1325467897),[96]=>Array([id]=>5[name]=>xyz[contact]=>9876543210))此数组派生自条件(if-else)多重查询。所以,我只想在数组上添加分页。有人可以建议我如何使用CakePHP3的标准分页器在这种类型的数组上添加自定义分页。 最佳答案 PaginatorComponent可以采用Cake\ORM\Query作为分页对象,因此我建议