Ruby on rails 轨道:将“分页”;显示下一个10“;按钮
我正在rails 3应用程序上使用will_paginategem。现在,它正确分页,并在列表底部显示所有页码,以及“上一页”和“下一页”按钮Ruby on rails 轨道:将“分页”;显示下一个10“;按钮,ruby-on-rails,ruby-on-rails-3,pagination,will-paginate,feed,Ruby On Rails,Ruby On Rails 3,Pagination,Will Paginate,Feed,我正在rails 3应用程序上使用will_paginategem。现在,它正确分页,并在列表底部显示所有页码,以及“上一页”和“下一页”按钮 我不想显示页码,而是希望分页的行为像Facebook新闻提要一样。也就是说,如果我当前在页面上显示10个项目,并且用户单击“下一步”按钮,那么页面应该向下延伸,并且总共显示20个项目。我正在寻找一种方法来修改将分页gem或使用AJAX来完成此操作。点击按钮后显示更多结果: 不要在视图中使用will_paginate标记 使用AJAX在单击“下一步”链接
我不想显示页码,而是希望分页的行为像Facebook新闻提要一样。也就是说,如果我当前在页面上显示10个项目,并且用户单击“下一步”按钮,那么页面应该向下延伸,并且总共显示20个项目。我正在寻找一种方法来修改
将分页gem或使用AJAX来完成此操作。点击按钮后显示更多结果:
- 不要在视图中使用will_paginate标记
- 使用AJAX在单击“下一步”链接时获取下一组结果
以下代码将删除页码,只显示“下一步”和“上一步”按钮:
<%= will_paginate @posts, :page_links => false %>
4.相应地修改附录数据
。查看此处了解有关getJSON的更多信息:我的意思是我需要关于如何实现其中AJAX部分的详细信息。@Ankit Soni,添加了AJAX部分的详细信息。
<%= form_tag url, :id => :filter, :method => :get do%>
<%= hidden_field_tag :page, page %>
<% end %>
<span class='more-results' >More</span>
function bindMoreResults() {
jQuery("span.more-results").unbind("click");
jQuery("span.more-results").click(
function(e){
e.preventDefault();
getMoreResults();
});
}
function getMoreResults() {
jQuery('span.more-results').hide();
var page_value = parseInt(jQuery("form#filter #page").val()) + 1;
jQuery("form#filter #page").val(page_value);
var form = jQuery("form#filter");
jQuery.getJSON(
form.attr("action") + ".json",
form.serialize(),
appendData
);
}
function appendData(data) {
jQuery('span.more-results').show();
//parse the data and append it
}