Ruby on Rails - 针对相同数据查看两个不同的过滤器

Question

在主页上，我有一个视频和图片列表。这些视频和图片属于一个类别。所以，我有一个类别过滤器和一个类型过滤器（视频或图片）。问题是我不能同时使用两个过滤器而不改变第一个过滤器。例如，如果我只想显示图片，然后我想要一个特定的类别，我会从所选类别中获取所有图片和 视频。
图片过滤器示例：
view/galeries/index.html.erb

<%= link_to show_pictures_path, :remote => true, :id => "btn-pictures", :class => "btn btn-default" do %>
<em class="glyphicon glyphicon-picture"></em> Pictures
<% end %>

控制器/galeries_controller.rb

  def show_pictures
    @selected = Picture.order('created_at DESC')
  end

查看/galeries/show_pictures.js.erb

$("#media_filter").html("<%= escape_javascript(render partial: 'partials/media_filter', locals: { medias: @selected } ) %>");

编辑 - 类别示例：
查看/galeries/index.html.erb

<% @categories.each do |c| %>
  <li class="" id=btn-filter<%=c.id%>>
    <%= link_to show_categories_path(:id => c.id), :remote => true do %>
    <span class="badge pull-right"><%= Media.joins(:pictures).where(category_id: c.id).count + Media.joins(:videos).where(category_id: c.id).count  %></span> <%= c.name %>
    <% end %>
  </li>
<% end %>

控制器/galeries_controller.rb

  def show_categories
   @videos = Video.joins(:media).where("medium.category_id = ?", params[:id])
   @pictures = Picture.joins(:media).where("medium.category_id = ?", params[:id])
  end

查看/galeries/show_categories.js.erb

$("#media_filter").html("<%= escape_javascript(render partial: 'partials/media_filter', locals: { medias: @videos} ) %>"); 
$("#media_filter").append("<%= escape_javascript(render partial: 'partials/media_filter', locals: { medias: @pictures } ) %>");

Answer 1

  def show_categories
     if selected_videos == true
      @videos = Video.joins(:media).where("medium.category_id = ?", params[:id])
     else
      @videos = [] # not the most clean but a way is to pass an empty array...
     end
     if selected_pictures == true
       @pictures = Picture.joins(:media).where("medium.category_id = ?", params[:id])
     else
      @pictures = [] # the same, empty array...
    end
  end

现在您只需传递复选框之类的内容即可启用内容

Answer 2

如果您已创建搜索 form_tag

只需为每种类型添加切换表单/复选框，然后在控制器中添加条件

def show_categories
  @pictures = Picture.joins(:media).where("medium.category_id = ?", params[:category]) if params[:picture]=='true'   
  @videos = Video.joins(:media).where("medium.category_id = ?", params[:category]) if params[:video]=='true'
end

我预计网址会是这样的

yourhostname/yourmodels?utf8=✓&picture=boolean&video=boolean&category=integer

Answer 3

如果我理解正确，问题似乎是您的应用不记住先前过滤器的值。

您可以通过将所选过滤器作为参数发送并将它们添加到您的链接来模拟这一点，因此下一个请求将获得前一个过滤器的值（如果有）。

无需使用单独的操作，只需在控制器中执行一个操作即可应用过滤器（我在示例中使用了show_media），您只需检查params 即可显示正确的信息。

# controller/galeries_controller.rb

def show_media
  @category = params[:category]
  @type     = params[:type]
  @pictures = media(Picture) if @type == "pictures"
  @videos   = media(Video) if @type == "videos"
end

private
def media(model)
  if @category.blank?
    model.order('created_at DESC')
  else
    model.joins(:media).where("medium.category_id = ?", params[:id])
  end
end

您在此处设置@pictues 或@videos 的值，但不是使用两个操作，您只需检查type 以设置其中一个。

media 方法接收要使用的模型对象（Video 或 Picture）并根据是否提供 category 返回相关的模型记录（这有助于您稍微干燥代码）。

接下来，您必须更新您的链接以包含type 和category，这需要在index.html.erb 和show_media.js.erb 中完成：

# index.html.erb

<%= link_to show_media_path(type: "pictures"), remote: true, id: "btn-pictures", class: "btn btn-default" do %>
    <em class="glyphicon glyphicon-picture"></em> Pictures
<% end %>

<%= link_to show_media_path(type: "videos"), remote: true, id: "btn-videos", class: "btn btn-default" do %>
    <em class="glyphicon glyphicon-video"></em> Videos
<% end %>

<% @categories.each do |c| %>
  <li class="" id="btn-filter<%= c.id %>">
    <%= link_to show_categories_path(id: c.id), remote: true, "data-category-id": c.id, class: "category-id" do %>
    <span class="badge pull-right"><%= Media.joins(:pictures).where(category_id: c.id).count + Media.joins(:videos).where(category_id: c.id).count  %></span> <%= c.name %>
    <% end %>
  </li>
<% end %>

我们将type 添加到pictures 和videos（没有category，因为尚未选择任何一个），以及几个属性（data-category-id 和class）到您的类别链接，以便能够在show_media.js.erb 上识别它们。

# show_media.js.erb

$("#media_filter").html("<%= escape_javascript(render partial: 'partials/media_filter', locals: { medias: @videos} ) %>"); 
$("#media_filter").append("<%= escape_javascript(render partial: 'partials/media_filter', locals: { medias: @pictures } ) %>");
$(#'btn-pictures').attr('href',"<%= show_media_path(type: 'pictures', category: @category) %>");
$(#'btn-videos').attr('href',"<%= show_media_path(type: 'pictures', category: @category) %>");
$('.category-id').each(function() {
  $(this).attr("href", "/show_media?type=<%= @type %>" + "&category=" + $(this).attr("data-category-id");
});

添加的行将修改您的链接以包含 type 和 category 参数，具体取决于您之前请求的内容，使用在控制器中创建的 @category 和 @type 变量。

现在，无论您首先单击什么，您始终会将正确选择的过滤器传递给您的控制器，而不会每次都丢失它们。