我的项目正在使用 twitter bootstrap 选项卡,并且在每个选项卡中都有 Rails 模型对象的集合。
我需要对每个选项卡中的集合使用 kaminari 分页。

因为,在每个选项卡中,都会有一个分页,用于显示模型对象中该选项卡的内容。

谢谢。

最佳答案

我昨天遇到了同样的问题,尽管我会发布我在这里找到的解决方案。 (适用于 bootstrap 3x)

我也想使用 Kaminari 在 bootstrap 中的选项卡内的多个表中进行分页。问题是,每次您前进页面时,它都会刷新并将您发送回第一个选项卡。

解决此问题所需的第一步是了解如何在页面加载时将页面定向到特定选项卡。通过一些搜索,我发现我可以通过将指向选项卡的哈希链接附加到选项卡的 url 来做到这一点。 (我不记得我在哪里找到的。)

// Example
#tab1, #tab2, #tab3

Coffeescript
$ ->
hash = window.location.hash
hash and $("ul.nav a[href=\"" + hash + "\"]").tab("show")
$(".nav-tabs a").click (e) ->
$(this).tab "show"
scrollmem = $("body").scrollTop()
window.location.hash = @hash
$("html,body").scrollTop scrollmem
return

return

Javascript
$(function(){
var hash = window.location.hash;
hash && $('ul.nav a[href="' + hash + '"]').tab('show');

$('.nav-tabs a').click(function (e) {
$(this).tab('show');
var scrollmem = $('body').scrollTop();
window.location.hash = this.hash;
$('html,body').scrollTop(scrollmem);
});
});

然后,所有需要的是将正确的 anchor 传递给 Kaminari。
= paginate @foo, :param_name => "page_method", :params => { :anchor => 'tab4' }

干杯

关于ruby-on-rails-3 - 引导标签内的kaminari分页,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/11376180/

10-13 04:43