Render partial with collection has "hidden" index
Wen rendering a partial with a collection, sometimes is necessary an index to apply some css class or other stuff.
I recently found an "undocumented" feature, inside partial exist "#{partial_name}_counter" with the iteration index. https://github.com/rails/rails/blob/4-0-stable/actionpack/lib/action_view/renderer/partial_renderer.rb#L480
For example, usual post rendering:
<%= render partial: 'post', collection: @posts %>Inside _post.html.erb we can do something like this:
<% index = post_counter + 1 %>
<%= content_tag :div, class: "post-#{index}" do %>
content...
<% end -%>I only try it in Rails 4, I don't know if it works in previous versions.
Written by Victor Ortiz
Related protips
6 Responses
Awesome little find! You got good eyes.
Tested in Rails 3, it works also.
Cool, thanks!
Your render line can be shortened:
<%= render @posts %>
Rails understands that @posts is a collection of Post models and will render each with the _post.html.erb template.
Typo:
The variable name is not #{partial_name}_counter, in fact it is #{variable_name}_counter
<%= render partial: "post", collection: @posts %> makes the counter post_counter.
<%= render partial: "my_partial", collection: @items, as: :item %> makes the counter item_counter.
Works in Rails 5
Have a fresh tip? Share with Coderwall community!
