Limiting an array's elements in the view

Question

I'm using rails 3.2.13

I have this array of hashes:

[{"name" => 1, "foo" => "bar"},{"second" => 2, "foo" => "bar"}]

I put them in a variable called @names and display them in the view like this:

<% @names.each do |name| %>
   <%= name["name"] %>
   <%= name["foo"] %>
<% end %>

The big question is how do i "paginate" them in such a way that there's button NEXT that shows me the first entry, then when i press next came the second and so on.

I have considered will_paginate but it didn't make sense since I still have to process in the view what I have to display in the page. Any ideas? Thanks a lot!

score 3 · Accepted Answer · edited May 23 '17 at 12:28

3

will_paginate handles it all for you. Normally it uses ActiveRecord relations, but it can paginate array as well see this stackoverflow question

edited May 23 '17 at 12:28

Community

1
1

answered May 31 '13 at 09:52

Martin M

8,430
2
35
53

Thanks. Initially I tried will_paginate and it gave out wrong links so I discarded the idea. But then the second time around I tried it and it worked. I must have misplaced the will_paginate tag in the view in the first try. – Aldrin Dela Cruz Jun 03 '13 at 07:08

score 3 · Answer 2 · answered May 31 '13 at 09:52

You could use kaminari, which allows you to paginate an array object very easily.

Keep in mind that paginating the array will change the content of the array so your view code doesn't change. You just need to add a pagination helper to allow moving through the array pages:

<%= paginate @names %>

score 1 · Answer 3 · answered May 31 '13 at 10:02

Use jQuery for this.. I hope this will give an idea how to do with jQuery.

<% @names.each do |name| %>
<div id="<%= name["name"] %>" style="display: none;"> 
   <%= name["name"] %>
   <%= name["foo"] %>
   <%= link_to_function "Next" , "$(this).parent('div').hide();$(this).next().show();" %>
</div>
<% end %>

<script type="text/javascript">
 $(document).ready(function(){ 
  $("#<%= @names.first["name"] %>").show();
});
</script>

Limiting an array's elements in the view

3 Answers3