Question

我在帮助程序方法中运行一个循环。

这给了我一个结果，如6行后关闭行，然后为接下来的6个项目创建另一行，并继续。

现在我想有另一种情况，如果有超过2行，我不想显示第三或第四循环，而不是我想要一个链接/按钮，说更多的显示和点击显示其他项目。

这里的代码

part_child_option. each_slice(6) do | six_o| 
    html += "<div class = 'row'>" 
    six_o.each do |o| 
    html += "<div class='col-sm-2 uno_part_wrapper'>" 
    html += "<label class = 'p_name' for='#{attr_name}'>" 
    html += image_tag o.photo(:small), class: "tick_option_img" 
     html += "</label>" 
     html += "</div>" 
    end 
     html += "</div>" 
    end 
html.html_safe 

这个任何想法。我们可以把条件，如count>2，隐藏剩余的行和点击显示全部。

Answer 1

请详细说明您的问题，并从视图中显示一些代码。问题是你想要做什么，当你点击“更多+”按钮（想打开新的索引页面或通过ajax加载剩余的行）。

根据可用的描述，我建议你把link_to more, items_path和重定向在所有项目的索引页上。

更新： 您的每行包含6个元素，默认情况下有2行意味着12个元素在那里。所以，用each_slice_with_index替换你的each_slice循环，并把if条件。

e.g

part_child_option. each_slice_with_index(6) do | six_o , i| 
    if i <= 1  
     html += "<div class = 'row'>" 
     six_o.each do |o| 
     html += "<div class='col-sm-2 uno_part_wrapper'>" 
     html += "<label class = 'p_name' for='#{attr_name}'>" 
     html += image_tag o.photo(:small), class: "tick_option_img" 
      html += "</label>" 
      html += "</div>" 
     end 
      html += "</div>" 
    elsif i == 2 
     show link here 
     html += same code as above with hidden class added 
    else 
     html += same code as above with hidden class added 
    end 
end 

我建议采取行，从而以较小的方法的一些代码，使这个帮手简单。