у меня есть система голосования, и я хотел бы, чтобы ответ на голосование был асинхронным.
в моем представлении "шоу" у меня есть...
<%= render 'score' %>
что делает
<% if @user.voted?(@lesson) %>
<%= render 'voted' %>
<% else %>
<%= render 'unvoted' %>
<% end %>
и, в свою очередь, отображает мой _voted.html.erb
#will display different images, colored or not based on selection
<% if @user.up_voted?(@lesson) %>
<div class = "up_arrow">
<%= link_to image_tag("up_color.png", alt: "Uncheck vote"),
clear_vote_lesson_url(@lesson), :method => :post, remote: true %>
</div>
<div class="average_score"><%= @lesson.votes %></div>
<div class= "down_arrow">
<%= link_to image_tag("down_uncolor.png", alt: "Vote down"),
down_vote_lesson_url(@lesson), :method => :post, remote: true %>
</div>
<!-- user down voted then -->
<% else %>
<div class = "up_arrow">
<%= link_to image_tag("up_uncolor.png", alt: "Vote up"),
up_vote_lesson_url(@lesson), :method => :post, remote: true %>
</div>
<div class="average_score"><%= @lesson.votes %></div>
<div class= "down_arrow">
<%= link_to image_tag("down_color.png", alt: "Uncheck vote"),
clear_vote_lesson_url(@lesson), :method => :post, remote: true %>
</div>
<% end %>
и мой unvoted.html.erb
<div class = "up_arrow">
<%= link_to image_tag("up_uncolor.png", alt: "Vote up"),
up_vote_lesson_url(@lesson), :method => :post, remote: true %>
</div>
<div class="average_score"><%= @lesson.votes %></div>
<div class= "down_arrow">
<%= link_to image_tag("down_uncolor.png", alt: "Vote down"),
down_vote_lesson_url(@lesson), :method => :post, remote: true %>
</div>
и, наконец, в моем контроллере у меня есть ..
def up_vote
lesson = Lesson.find(params[:id])
current_user.up_vote!(lesson)
respond_to do |format|
format.html { render :action => 'show'}
format.js { ???????? }
end
end
у меня есть еще несколько действий, таких как down_vote, но они очень похожи.
я думаю, я не совсем уверен, что поместить в мой блок format.js. Я пытался поместить такие вещи, как redirect_to урок_путь (урок), а также визуализировать «оценку», но изображения для голосования не обновляются.
может кто-нибудь помочь? Спасибо!
ОБНОВЛЕНИЕ @ dhoelzgen
я поменял на...
def up_vote
lesson = Lesson.find(params[:id])
current_user.up_vote!(lesson)
render :score, :layout => false
#redirect_to lesson_path(lesson)
end
я ставлю рендеринг :score, :layout => false и в другие мои действия.
и на мой взгляд у меня есть
<div id="surrounding_container">
<%= render 'score' %>
</div>
вместе с
$('.up_arrow')
.bind 'ajax:success', (event, data) ->
$('#surrounding_container').html($(data))
$('.down_arrow')
.bind 'ajax:success', (event, data) ->
$('#surrounding_container').html($(data))
в моих уроках.js.coffee.
я что-то упускаю? изображения по-прежнему не меняются асинхронно