2013-07-23 105 views
3

當我把will_paginate分頁列表到twitter引導標籤。它只是列出了它們之間的分頁鏈接。我使用will_paginate-bootstrap來設置分頁的樣式。bootstrap導航標籤與will_paginate分頁在每個標籤

我已經嘗試過不使標籤的工作:

取出分頁造型

刪除分頁塊

如果我刪除所有紅寶石標籤的工作,所以他們工作獨立

<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> 

回答

1

你正在使用哪個版本的Rails?我使用的是3.2.17,我用Bootstrap 3選項卡和will_paginate處理了一些我自己的問題,但是與它的聲音不同。

這是我在做什麼:

<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> 

和我有:對每一個泛音

<%= will_paginate @announcements, renderer: BootstrapPagination::Rails %> 

位。對我來說,partials是不同的信息,所以我在每個特性#index controller action中都有實例變量。你有沒有嘗試爲每個像這樣做一個單獨的部分,看看是否有用?

分頁導航工作正常,但是點擊的內容另一頁上添加頁面=#查詢字符串:?

http://localhost:3000/features?page=2 

這則適用於標籤。因此,如果我想查看「通知」選項卡的第2頁,則點擊「站點活動」選項卡也會進入第2頁,因爲查詢字符串不會更改。煩人。

+0

您可以有選項卡特定頁面。 – AarCee

0

使用will_paginate gem的選項卡特定頁面是可能的。

請參閱http://blog.devinterface.com/2011/08/tips-multiple-pagination-with-will_paginate/

的情況下,在這裏重現同一個東西(有一些簡化)的鏈接變得過時:

在視圖:

<%= will_paginate @products, :param_name => 'products_page' %></p> 
    <%= will_paginate @services, :param_name => 'services_page' %><br /> 

和Controller:

@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 /> 

從上面的代碼可以看出,密鑰li es發送一個不同的參數鍵值(雙關語!)。通過這種方式,兩個選項卡的頁面信息都會附加到URL中。