自定义 will_paginate 渲染器

Question

will_paginate 自定义渲染器缺少文档：

有没有文件怎么写自己的链接呈现，但源代码是不言自明。深入研究，并有选择地覆盖 LinkRenderer 的方法以根据您的需要调整它们。

有没有非官方文件？

Answer 1

找到了一篇关于自定义 will_paginate 渲染器的不错的博客文章

module ApplicationHelper
  # change the default link renderer for will_paginate
  def will_paginate(collection_or_options = nil, options = {})
    if collection_or_options.is_a? Hash
      options, collection_or_options = collection_or_options, nil
    end
    unless options[:renderer]
      options = options.merge :renderer => MyCustomLinkRenderer
    end
    super *[collection_or_options, options].compact
  end
end

然后在初始化程序中

class MyCustomLinkRenderer < WillPaginate::ActionView::LinkRenderer do
  def container_attributes
    {class: "tc cf mv2"}
  end

  def page_number(page)
    if page == current_page
      tag(:span, page, class: 'b bg-dark-blue near-white ba b--near-black pa2')
    else
      link(page, page, class: 'link ba b--near-black near-black pa2', rel: rel_value(page))
    end
  end

  def gap
    text = @template.will_paginate_translate(:page_gap) { '&hellip;' }
    %(<span class="mr2">#{text}</span>)
  end

  def previous_page
    num = @collection.current_page > 1 && @collection.current_page - 1
    previous_or_next_page(num, @options[:previous_label], 'link ba near-black b--near-black pa2')
  end

  def next_page
    num = @collection.current_page < total_pages && @collection.current_page + 1
    previous_or_next_page(num, @options[:next_label], 'link ba near-black b--near-black pa2')
  end

  def previous_or_next_page(page, text, classname)
    if page
      link(text, page, :class => classname)
    else
      tag(:span, text, :class => classname + ' bg-dark-blue near-white')
    end
  end
end

Answer 2

感谢之前的回答，我编写了这段代码以将 will_paginate 与 Materialize一起使用

应用程序控制器.rb

 def custom_paginate_renderer
  # Return nice pagination for materialize
  Class.new(WillPaginate::ActionView::LinkRenderer) do
  def container_attributes
    {class: "pagination"}
  end

  def page_number(page)
    if page == current_page
      "<li class=\"cyan active\">"+link(page, page, rel: rel_value(page))+"</li>"
    else
      "<li class=\"waves-effect\">"+link(page, page, rel: rel_value(page))+"</li>"
    end
  end

  def previous_page
    num = @collection.current_page > 1 && @collection.current_page - 1
    previous_or_next_page(num, "<i class=\"material-icons\">chevron_left</i>")
  end

  def next_page
    num = @collection.current_page < total_pages && @collection.current_page + 1
    previous_or_next_page(num, "<i class=\"material-icons\">chevron_right</i>")
  end

  def previous_or_next_page(page, text)
    if page
      "<li class=\"waves-effect\">"+link(text, page)+"</li>"
    else
      "<li class=\"waves-effect\">"+text+"</li>"
    end
  end
  end
end

你的控制器.rb

# GET /articles/1
def articles
  @articles = @articles.paginate(:page => params[:page], :per_page => 20).order(id: :desc)
  @custom_paginate_renderer = custom_paginate_renderer
end

your_view.html.erb

<%= will_paginate @articles, renderer: @custom_paginate_renderer %>

不是最漂亮的 Rails 代码，但它可以工作