Twitter bootstrap 引导导航选项卡将在每个选项卡中分页

Twitter bootstrap 引导导航选项卡将在每个选项卡中分页,twitter-bootstrap,ruby-on-rails-3.2,will-paginate,Twitter Bootstrap,Ruby On Rails 3.2,Will Paginate,当我将will_paginate分页列表放入twitter引导选项卡时。它只是将它们全部列出,中间有分页链接。我正在使用will_paginate-bootstrap来设置分页的样式 我已经试过了,但没有让选项卡工作: 取出分页样式 删除分页块 如果我删除所有ruby选项卡,它们将独立工作 <div class="tabbable"> <ul class="nav nav-tabs"> <li class="active"><a href="

当我将will_paginate分页列表放入twitter引导选项卡时。它只是将它们全部列出,中间有分页链接。我正在使用will_paginate-bootstrap来设置分页的样式

我已经试过了,但没有让选项卡工作:

取出分页样式

删除分页块

如果我删除所有ruby选项卡,它们将独立工作

<div class="tabbable">
  <ul class="nav nav-tabs">
    <li class="active"><a href="#A" data-toggle="tab">Newest</a></li>
    <li><a href="#B" data-toggle="tab">Activity</a></li>
  </ul>

  <div class="tab-content">
    <div class="tab-pane active" id="A">
      <%= render partial: "posts/post", collection: @posts, as: :post %>
      <%= will_paginate @posts, renderer: BootstrapPagination::Rails %>
    </div>
    <div class="tab-pane" id="B">
      <%= render partial: "posts/post", collection: @posts_by_activity, as: :post %>
      <%= will_paginate @posts_by_activity, renderer: BootstrapPagination::Rails %>         
    </div>
  </div>
</div>


您使用的是哪个版本的Rails?我使用的是3.2.17,我自己也有一些关于Bootstrap3标签的问题,我将对其进行分页,但从声音上看,与您不一样

这就是我正在做的:

<ul class="nav nav-tabs">
  <li class="active"><a href="#announcements" data-toggle="tab"><i class="fa fa-exclamation-circle"></i> Announcements</a></li>
  <li><a href="#activity" data-toggle="tab"><i class="fa fa-bar-chart-o"></i> Site activity</a></li>
</ul>

<div class="tab-content">
  <div class="tab-pane fade in active" id="announcements">
    <%= render 'announcements' %>
  </div>

  <div class="tab-pane fade" id="activity">
    <%= render 'activity' %>
  </div>
</div>  

这将应用于两个选项卡。因此,如果我想查看“公告”选项卡的第2页,单击“站点活动”选项卡将直接进入第2页,因为查询字符串永远不会更改。烦人。

使用will paginate gem的选项卡特定页面是可能的

请看

在此处复制相同的内容(进行一些简化),以防链接过时:

他认为:

  <%= will_paginate @products, :param_name => 'products_page' %></p>
  <%= will_paginate @services, :param_name => 'services_page' %><br />
“产品”页面“%”

'服务\u页面'>
在控制器中:

@products = current_company.products.paginate(:page => params[:products_page], :per_page => 10)<br />
@services = current_company.products.paginate(:page => params[:services_page], :per_page => 10)<br />
@products=current_company.products.paginate(:page=>params[:products_page],:per_page=>10)
@服务=当前公司.产品.分页(:page=>params[:services\u page],:per\u page=>10)

从上面的代码可以看出,关键在于发送不同的参数键值(双关语!)。这样,两个选项卡的页面信息都会附加到URL。

您可以拥有特定于选项卡的页面。
  <%= will_paginate @products, :param_name => 'products_page' %></p>
  <%= will_paginate @services, :param_name => 'services_page' %><br />
@products = current_company.products.paginate(:page => params[:products_page], :per_page => 10)<br />
@services = current_company.products.paginate(:page => params[:services_page], :per_page => 10)<br />