私は会場のテーブルを持っています。会場インデックスページでは、デフォルトですべての会場記録が一覧表示され、エリアごとにフィルタリングしたり、同じページのフォームを送信ボタンとページの再読み込みで入力することができます。AJAXを使用するには、送信を使用して通常のフィルタフォームを変更するにはどうすればよいですか?
見つかったすべての会場が表示され、フォームが自動的にリセットされます。
さまざまなフィルタオプションをクリックするだけで、ページの再読み込みなしに会場のリストを更新する方法を教えてください。したがって、ボタンは送信されず、フォームは変更された状態を維持します。
会場コントローラ
def index
if
@venues = Venue.with_type(params[:venuetypes]).with_area(params[:areas]).order("average_rating DESC").all
else
@venues = Venue.all
end
@venues = @venues.paginate :per_page => 15, :page => params[:page]
end
これはすでに、より良い探して、チェックボックスには非常に多くの
<div class="filter_options_container">
<%= form_tag '', :method => :get, :id => 'filter_form' do %>
<fieldset class="filter_form_fieldset venuetypes">
<% Venuetype.all.each do |v| %>
<p class="venuetype_check"><%= check_box_tag 'venuetypes[]', v.id, false, :id => "venuetype-#{v.id}" %>
<label for="venuetype-<%= v.id %>"><%= v.name %></label></p>
<% end %>
</fieldset>
<fieldset class="filter_form_fieldset areas">
<% Area.all.each do |a| %>
<p class="area_check"><%= check_box_tag 'areas[]', a.id, false, :id => "area-#{a.id}" %>
<label for="area-<%= a.id %>"><p1><%= a.name %></p1></label></p>
<% end %>
</fieldset>
<div class="filter_form_button">
<p2><input type="submit" value="Filter"/></p2>
</div>
<% end %>
</div>
<div class="venue_partials_container">
<%= render :partial => 'venue', :collection => @venues %>
<div class="clearall"></div>
<div class="paginate_container">
<div class="paginate">
<%= will_paginate @venues %>
</div>
</div>
</div>
感謝を取得するjQueryの-UIを使用しているindex.html.erb会場どんなに助けても大丈夫です!