2011-06-28 2 views
1

ネストされたフォーム(パート1と2)のrailscastsエピソードに続いて、jqueryを使用してフィールドを追加するのが難しいが、フィールドを削除するリンクをクリックすると、フィールドが取得されます除去された。 ここにコードがあります。私の質問のモデルでは
私は私の質問の形で
jQueryフォームrailscasts episode

class Tag < ActiveRecord::Base 
    attr_accessible :keyword, :question_id 
    belongs_to :question, :class_name => "Question", :foreign_key => 'question_id' 
end 

を持っている私のタグモデルで

class Question < ActiveRecord::Base 
has_many :tags, :class_name => "Tag", :dependent => :destroy, :foreign_key => "question_id" 
accepts_nested_attributes_for :tags, :reject_if => lambda { |a| a[:keyword].blank? }, :allow_destroy => true 

を持っている私が持っている

<%= form_for @question, :url => { :controller => "questions", :action => "create" } do |f| %> 
    <%= f.label(:name, "Request Question:") %>&nbsp;&nbsp; 
    <%= f.text_field(:name, :size => 72, :maxlength => 120) %><br /> 
    <%= f.fields_for :tags, :url => { :controller => "tags", :action => "create" } do |builder| %> 
     <%= render "tag_fields", :f => builder %> 
    <% end %> 
    <p><%= link_to_add_fields "Add new tag", f, :tags %></p> 
<% end %> 
application_helper.rb

module ApplicationHelper 
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, h("add_fields(this, \"#{association}\", \"#{escape_javascript(fields)}\")")) 
end 
end 

私tag_fieldsで部分

<p class="fields"> 
    <%= f.label(:keyword, "Keywords:") %>&nbsp;&nbsp; 
    <%= f.text_field(:keyword, :size => 20, :maxlength => 25) %> 
    <%= link_to_remove_fields "remove", f %> 
</p> 

そして、ようやく私application.jsで

function remove_fields(link) { 
    $(link).prev("input[type=hidden]").val("1"); 
    $(link).closest(".fields").hide(); 
} 

function add_fields(link, association, content) { 
    var new_id = new Date().getTime(); 
    var regexp = new RegExp("new_" + association, "g") 
    $(link).parent().before(content.replace(regexp, new_id)); 
} 

ファイルがページソースに含まれているかどうかを確認しました。 jqueryは私のアプリの の他の部分が動作しているので動作します。私は新しいタグの追加をクリックするとエラーは発生しません。 私は他の解決策を見てきましたが、私にとってはうまくいきません。私はフィールドを追加することはできません。 助けてくれてありがとう

+0

あなたは、追加タグをクリックすると、 (テキストに書かれたHTMLのように、文書に挿入されていない)か、まったく何もない? – Msencenb

+0

@Msencenbこんにちは、ありがとう、チェックアウト私の答えは、なぜそれが動作するかわからないが、私はそれがレール3とlink_to_functionと何かを持っていると思う。私は最初にどんなhtmlも手に入れていませんでした。なぜわからないの? – Hishalv

答えて

2

私はこれを理解することができましたが、それが最良の方法であるかどうかはわかりません。 application_helper.rb
は、私は100%それが動作確認していない理由は、この

link_to_function(name, "add_fields(this, '#{association}', '#{escape_javascript(fields)}')", :remote => true) 

にこの

link_to_function(name, h("add_fields(this, \"#{association}\", \"#{escape_javascript(fields)}\")")) 

から次の行を変更しましたが、私はそのを行うようになったと考えていますレール3はもはやlink_to_functionを持たない。ほしいと思うこのヘルプ

+1

link_to_functionはまだレール3(アプリケーションヘルパーで使用しています)にありますが、htmlのsanitize関数(h)が何とかそれを乱しているように見えます。私はあなたがリモート=>なしでそれをテストすることをお勧めします:本当であるが、またhなしで、私はそれがうまくいくと信じています – Msencenb