부트 스트랩 각 탭의 페이지 페이지 지정 will_paginate로 이동

Question

페이지 매김 목록을 트위터 부트 스트랩 탭에 넣을 때. 사이에 페이지 매김 링크가있는 상태로 나열합니다. 나는 페이지 매김 스타일을 위해 will_paginate-bootstrap을 사용하고 있습니다.

이 페이지 매김 블록

나는 모든 탭 작업 루비 제거하면

제거 매김 스타일

을 가지고, 그래서 그들은 최선을 다하고 있습니다 :

이미 탭을하지 않고 시도가 작동 독립적

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

Answer 1

어떤 레일 버전을 사용하고 있습니까? 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 %> 

비트. 나를 위해, 부분은 다른 정보, 그래서 기능 # 인덱스 컨트롤러 작업 각각에 대한 인스턴스 변수가있어. 그게 작동하는지 확인하기 위해 각각에 대해 별도의 부분을 만들려고 했습니까?

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

을 그리고 이것은 다음 두 탭에 적용?

예상대로 페이지 목록은, 그러나, 내용의 다른 페이지를 클릭하면 페이지 = # 쿼리 문자열을 추가하고있다. 따라서 공지 사항 탭의 2 페이지를 보려는 경우 사이트 활동 탭으로 클릭하면 2 페이지로 바로 이동합니다. 그 이유는 쿼리 문자열이 변경되지 않기 때문입니다. 성가신.

Answer 2

will_paginate 보석을 사용하는 탭 특정 페이지가 가능합니다. 뷰에서

:

링크가 사용되지 않는됩니다 경우 (일부 단순화로) 여기에 같은 물건을 재현 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 /> 

그리고 컨트롤러

:

@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 다른 매개 변수 키 값 (의도 한 말장난!)을 보내야합니다. 이 방법으로 두 탭의 페이지 정보가 URL에 추가됩니다.