Rails 3.1 Jquery Ajax CRUD Операции - PullRequest
Новая
       0

Rails 3.1 Jquery Ajax CRUD Операции

1 голос
/ 27 сентября 2011

Я работаю над демонстрационным приложением Jquery Ajax на Rails 3.1, перечисленным здесь https://github.com/samnang/ajax_rails31_demo. Я пытаюсь добавить код для удаления комментариев.Я изменил comments_controller.rb и добавил действие уничтожения.Я также добавил ссылку на app / views / _comment.html.erb, чтобы включить ссылку Destroy.Я могу получить комментарий для удаления, и счетчик комментариев уменьшается на 1, но частичный комментарий не обновляется при удалении записи.Только при обновлении страницы страница отображается правильно.Вот мой код

app / controllers / comments_controller.rb 

class CommentsController < ApplicationController
  respond_to :html, :js

  def index
    @comments = Comment.all
  end

  def create
    @comment = Comment.new(params[:comment])
    @comment.save

    respond_with @comment, :location => comments_url
  end

  def destroy
    @comment = Comment.find(params[:id])
    @comment.destroy

    respond_with @comment, :location => comments_url
  end
end

app / views / comments / index.html.erb 

<% title "Comments for Ajax in Rails 3.1" %>

<div id="comments_count"><%= comments_count %></div>

<div id="comments">
   <%= render @comments %>
</div>

<h3>Add your comment:</h3>

<%= form_for Comment.new, :remote => true do |f| %>
<%= f.error_messages %>
   <p>
    <%= f.label :name %><br />
    <%= f.text_field :name %>
   </p>
   <p>
    <%= f.label :content, "Comment" %><br />
    <%= f.text_area :content, :rows => '12', :cols => 35 %>
   </p>
  <p><%= f.submit %></p>
<% end %>

app / views / comments / _comment.html.erb 

<div class="comment">
  <strong><%= comment.name %></strong>
  <em><%= comment.created_at.strftime('%b %d, %Y at %I:%M %p') %></em>
  <%= simple_format comment.content %>
  <%= link_to "Destroy", comment,:remote => true,  :confirm => "You Sure", :method => :delete %>
</div>

app / vews / comments / create.js.coffee 

$('<%= escape_javascript(render(:partial => @comment))%>')
  .appendTo('#comments')
  .hide()
  .fadeIn()

$('#new_comment')[0].reset()

$('#comments_count').html '<%= comments_count %>'

app /views / comments / destroy.js.coffee 

$('#new_comment')[0].reset()

$('#comments_count').html '<%= comments_count %>'

В разделе разрушения jquery я полагаю, что я все испортил.Как перезагрузить частичное, чтобы удалить удаленный комментарий?

1 Ответ

2 голосов
/ 28 сентября 2011

Я обновил свой пример на Github для поддержки действия уничтожения. В вашем примере вы не удалили элемент dom в вашем destroy.js.coffee. Проверьте полный код на Github еще раз или посмотрите на фрагменты ниже:

Приложение / просмотров / комментарии / _comment.html.erb 

<div id=<%= dom_id(comment) %> class="comment">
  <strong><%= comment.name %></strong>
  <em>on <%= comment.created_at.strftime('%b %d, %Y at %I:%M %p') %></em>
  <%= link_to "Remove", comment, :method => :delete, :remote => true %>
  <%= simple_format comment.content %>
</div>

приложение / просмотров / комментарии / destroy.js.coffee 

$('#comments_count').html '<%= comments_count %>'

$('#<%= dom_id(@comment) %>')
  .fadeOut ->
    $(this).remove()
...