6

我是 ajax 新手，但对 Rails 很合理。我用回形针设置了基本的多个附件。我有建议 has_many 资产。

在我的推荐编辑表单中，我希望用户能够删除资产、确认、突出显示和淡出该字段。

我拥有的 link_to 代码是：

<%= link_to "Delete Attachment", destroy_asset_path(asset.id), :method => :delete, :confirm => "Are you sure?", :remote => true %>

很直接。然后assets_controller（基于我的路线）

def destroy_asset
     @asset = Asset.find(params[:id])
     @asset.destroy

     respond_to do |format|
       format.js
     end
  end

这有效，资产被销毁，这是日志输出：

Started DELETE "/asset/11" for 127.0.0.1 at 2012-12-19 10:27:42 -0800
  Processing by AssetsController#destroy_asset as JS
  Parameters: {"id"=>"11"}
  Asset Load (0.2ms)  SELECT "assets".* FROM "assets" WHERE "assets"."id" = $1 LIMIT 1  [["id", "11"]]
   (0.1ms)  BEGIN
[paperclip] Scheduling attachments for deletion.
[AWS S3 200 0.112224 0 retries] head_object(:bucket_name=>"bestofbauer-dev",:key=>"assets/11/original/DaffyDuck.jpg")
  SQL (0.2ms)  DELETE FROM "assets" WHERE "assets"."id" = $1  [["id", 11]]
[paperclip] Deleting attachments.
[paperclip] deleting /assets/11/original/DaffyDuck.jpg
[AWS S3 204 0.117975 0 retries] delete_object(:bucket_name=>"bestofbauer-dev",:key=>"assets/11/original/DaffyDuck.jpg")
   (11.7ms)  COMMIT
Rendered assets/destroy_asset.js (0.4ms)
Completed 200 OK in 268ms (Views: 9.8ms | ActiveRecord: 14.1ms)

这是我在 destroy_asset.js 中尝试的

$("#asset_<%= @asset.id %>").effect('highlight', {color:"#999"}, 3000).remove();

但它既不突出也不淡化 div ......有什么想法吗？

提前致谢

4

2 回答 2

9

我做过类似的事情，但我只是将一个事件绑定到ajax:success（由不显眼的 JS 触发），这意味着您无需费心更改控制器中的任何内容或添加新的 .js.erb 模板。在我的编辑产品页面上，我显示了与该产品相关的所有图像，每个图像都有一个删除链接：

<div id="image-container">
  <% @product.images.each do |image| %>                                                                                                                                  
    <div class="image">
      <%= image_tag image.file.thumb %>
      <%= link_to "Destroy", admin_image_destroy_path(image), class: "destroy-image",  method: :delete, confirm: "Are you sure?", remote: true %>
    </div>
  <% end %>
</div>

在 products.js.coffee 中：

$("#image-container").on "ajax:success", "div a.destroy-image", (event, data, status, xhr) ->
  $(event.target).parent().fadeOut "slow", () ->
    $(this).remove()

无需执行控制器返回的js。在淡出然后删除之前首先突出显示此亮点并没有太多工作。

更多信息：https ://github.com/rails/jquery-ujs/wiki/ajax

于 2012-12-19T18:45:04.320 回答
1

阅读您的评论并提出这个想法。将 id 保存在另一个实例变量中，然后在 js.erb 文件中使用它： 

def destroy_asset
 @asset = Asset.find(params[:id])
 @asset.destroy
 @asset_id = params[:id]

 respond_to do |format|
   format.js
 end
end 

$("#asset_<%= @asset_id %>").effect('highlight', {color:"#999"}, 3000).remove();
于 2012-12-19T18:57:01.867 回答