私はレールアプリを持っています。ボタンをクリックすると、新しいデータがコントローラーの @posts にロードされ、ページのレンダリングで表示されるようになります。
私の見解では、3 つのボタンがあります。
<div class="span6 offset3" id="user_post_area_button">
<div id="type_group" class="btn-group" data-toggle="buttons-radio">
<button class="radio_button" id="radio_button_zero" data-value="0">0</button>
<button class="radio_button" id="radio_button_one" data-value="1">1</button>
<button class="radio_button" id="radio_button_two" data-value="2">2</button>
</div>
</div>
それらのいずれかをクリックすると、ページの一部が変更されます。これは私が変更したい部分です (新しい @posts でレンダリングしたい):
<div class="render_post">
<%= render 'pages/singlePost' %>
</div>
この .js.coffee コードを使用します。
$ ->
$("button.radio_button").click (e) ->
e.preventDefault();
list_status = $(this).data("value")
if list_status == 0
$("#radio_button_zero").addClass('active')
$("#radio_button_one").removeClass('active')
$("#radio_button_two").removeClass('active')
$.post '/lelist/' + list_status
else if list_status == 1
$("#radio_button_zero").removeClass('active')
$("#radio_button_one").addClass('active')
$("#radio_button_two").removeClass('active')
$.post '/lelist/' + list_status
else if list_status == 2
$("#radio_button_zero").removeClass('active')
$("#radio_button_one").removeClass('active')
$("#radio_button_two").addClass('active')
$.post '/lelist/' + list_status
そして、ここに私のコントローラーがあります:
class PagesController < ApplicationController
def lelist
if current_user && params[:list_status] == 0
@posts = Post.where("created_at <= ? AND status = ?", Time.now, 0).order("created_at DESC").page(params[:page]).per_page(10)
elsif current_user && params[:list_status] == 1
@posts = Post.where("created_at <= ? AND status = ?", Time.now, 1).order("created_at DESC").page(params[:page]).per_page(10)
elsif current_user && params[:list_status] == 2
@posts = Post.where("created_at <= ? AND status = ?", Time.now, 2).order("created_at DESC").page(params[:page]).per_page(10)
elsif !current_user || current_user
@posts = Post.where("created_at <= ? AND status = ?", Time.now, 0).order("created_at DESC").page(params[:page]).per_page(10)
end
end
end
これを機能させる方法がわかりません。いくつかの提案?