Rails에서 Semantic UI 및 kaminari를 사용하여 호출
4811 단어 kaminariRailsSemanticUI
우선view를 사용자 정의하기 위해 다음 명령을 실행합니다.
rails g kaminari:views default
소스 코드의 설치 예는 다음과 같다.또한 응용 프로그램 전체의 원본 코드는 아래 창고에 보관한다.
views/kaminari/_gap.html.erb
<%= link_to '・・・', '', class: 'item' %>
views/kaminari/_next_page.html.erb<%= link_to_unless current_page.last?, '<i class="right arrow icon"></i>'.html_safe, url, :rel => 'next', class: 'icon item' %>
views/kaminari/_page.html.erb<%= link_to page, url, class: "item#{ page.current? ? ' active' : '' }" %>
views/kaminari/_paginator.html.erb<div class="ui pagination menu">
<%= paginator.render do -%>
<%= prev_page_tag %>
<% each_page do |page| -%>
<% if page.left_outer? || page.right_outer? || page.inside_window? -%>
<%= page_tag page %>
<% elsif !page.was_truncated? -%>
<%= gap_tag %>
<% end -%>
<% end -%>
<%= next_page_tag %>
<% end -%>
</div>
views/kaminari/_prev_page.html.erb<%= link_to_unless current_page.first?, '<i class="left arrow icon"></i>'.html_safe, url, :rel => 'prev', class: 'icon item' %>
위에서 설명한 대로 Semantic UI의 페이지 스타일을 사용자 정의할 수 있습니다.프레젠테이션 페이지를 캡처하여 붙여넣습니다.
Reference
이 문제에 관하여(Rails에서 Semantic UI 및 kaminari를 사용하여 호출), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/knt45/items/e51f10a3b070348d1cb2텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)