Rails 3.0.3 と Paperclip 2.3.8 を実行しています。「Post」と「Image」と呼ぶ 2 つのモデルがあります。Image は、動的に画像を投稿に追加するための Paperclip 画像ファイルを含むオブジェクトです。画像は投稿に属し、投稿には多くの画像があります。
ポストモデル:
class Post < ActiveRecord::Base
has_many :images
accepts_nested_attributes_for :images, :reject_if => lambda { |a| a[:image].blank? }, :allow_destroy => true
end
画像モデル:
class Image < ActiveRecord::Base
belongs_to :post
has_attached_file :image,
:styles => {
:thumb=> "100x100#",
:small => "300x300>" }
end
画像を動的に追加および削除したいフォームがあります。画像がアップロードされている新しい画像である場合、file_field を表示したいと思います。それ以外の場合、画像が既に存在する場合は、画像と削除リンクを表示したいと思います。入れ子になったフォームに関する Ryan Bates の Railscasts をフォローしました。動的に画像を追加することはできますが、_destory への呼び出しが実行されません。投稿には「_destroy」=>「1」が含まれていますが、HTTP Post イベントの後、ID 7 の画像がまだ存在しています。以下は、HTTP 投稿からの抜粋です。
"images_attributes"=>{
"0"=>{"id"=>"7", "_destroy"=>"1"},
"1"=>{"id"=>"8", "_destroy"=>"false"},
"2"=>{"id"=>"9", "_destroy"=>"false"},
"3"=>{"id"=>"10", "_destroy"=>"false"}}
フォームは次のようになります。
<%= form_for @post, :html => { :multipart => true } do |f| %>
<%= f.label :images, 'Images' %><br />
<div class="field">
<%= f.fields_for :images do |s| %>
<%= render 'image_fields', :f => s %>
<% end%>
</div>
<div class="field">
<%= link_to_add_fields "Add Image", f, :images %>
</div>
<div class="actions">
<%= f.submit %>
</div>
<% end %>
_image_fields:
<div class="fields">
<% if !f.object.new_record? %>
<%= image_tag f.object.image.url %>
<% else %>
<%= f.file_field :image%>
<% end %>
<%= link_to_remove_fields "remove", f %>
</div>
Javascript 関数:
function remove_fields(link){
$(link).previous("input[type=hidden]").value = "1";
$(link).up(".fields").hide();
}
function add_fields(link, association, content) {
var new_id = new Date().getTime();
var regexp = new RegExp("new_" + association, "g")
$(link).up().insert({
before: content.replace(regexp, new_id)
});
}
ヘルパー関数:
def link_to_remove_fields(name, f)
f.hidden_field(:_destroy) +
link_to_function(name, "remove_fields(this)")
end
def link_to_add_fields(name, f, association)
new_object = f.object.class.reflect_on_association(association).klass.new
fields = f.fields_for(association, new_object, :child_index => "new_#{association}") do |builder|
render(association.to_s.singularize + "_fields", :f => builder)
end
link_to_function(name, "add_fields(this, \"#{association}\", \"#{escape_javascript(fields)}\")")
end
上記のように、画像を追加できます。[画像を追加] リンクをクリックすると、ファイル フィールドがフォームに追加され、複数の画像を正常に追加できます。画像の「削除」リンクをクリックすると、リンクと画像がビューから削除されますが、前述のように、投稿イベントでは削除されません。
よろしくお願いします。時間を割いて解決策を見つけるのを手伝ってくれた人に感謝します。
編集:
- 解決 -
Post Controller で、update メソッドの find に「.includes(:images)」を追加しました。
def update
@post = Post.includes(:images).find(params[:id])
respond_to do |format|
if @post.update_attributes(params[:post])
format.html { redirect_to(@post, :notice => 'Post was successfully updated.') }
format.xml { head :ok }
else
format.html { render :action => "edit" }
format.xml { render :xml => @post.errors, :status => :unprocessable_entity }
end
end
end