3

Ryan の Railscast #197 を、質問、回答、および (複数選択) オプションを備えたシステムに実装しようとしています。http://railscasts.com/episodes/197-nested-model-form-part-2 .

  • これらのフォーム/パーシャル間のネストを正常に実装しました。
  • レコードを削除するより単純な「チェック ボックス」の方法が適切に機能します。
  • レコードを追加/削除しようとすると問題が発生します。

彼の Railscast に表示されているコードをそのままコピーしました。

#new.html.erb
<%= javascript_include_tag :defaults, :cache => true %>
<% f.fields_for :in_options do |builder| %>
  <%= render "option_fields", :f => builder %>
<% end %>

#_option_fields.html.erb partial
<%= f.hidden_field :_destroy %>
<%= link_to_function "remove", "remove_fields(this)" %>

#application_helper.rb (exact same as #197)
  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

#application.js (exact same as #197. I have an Event.addbehavior below this code.)
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)
  });
}

2 つの問題:

  • 「削除」リンクをクリックしても削除されません。ページが上下に移動するだけです。
  • link_to_add_fields "Add Answer", f, :answers を含めると、nil:NilClass に対して未定義のメソッド「klass」が得られます。

- - - 進捗 - - -

関数 remove_fields(link) を new.html.erb の先頭に移動すると、リンクの削除が機能します。つまり、application.js の関数へのアクセスに問題があります。これが私の凝縮された構造です。

# layout forms.html.erb
<html>
  <head>    
    <%= stylesheet_link_tag "global", "forms", "candidateCreateProfile", "LiveValidation", "formsAccount", :cache => true %>
    <%= javascript_include_tag :defaults, "LiveValidation" %>
  </head>
  <body>
    <%= yield %>
  </body>
</html>

# new.html.erb
<%= stylesheet_link_tag "interviewQuestions" %>
<%= javascript_include_tag "effects", "lowpro", "toggle", :cache => true %>
...#everything else, including my call to remove_fields
4

5 に答える 5

3

nil：NilClassの問題に対して未定義のメソッド `klass'がまだある場合は、次のスレッドを参照してください— has_many：throughnested_form複数のインスタンスを構築できます

于 2011-05-19T07:52:49.237 に答える
1

この質問に出くわしました-それが役立つ場合は、Ryan Bates によるこの素晴らしいネストされたフォームの宝石を使用してください。

レールキャストはこちら。

于 2013-03-30T13:35:44.853 に答える
0

app ... jsが出力に含まれていることを確認しましたか？レイアウトの編集が必要になる場合があります。

于 2010-06-18T16:05:05.317 に答える
0

jQuery の代わりにプロトタイプ ライブラリ構文を使用しています。エピソード ページにアクセスし、プロトタイプと jQuery 構文の両方が提供されているコード使用部分を探します。

于 2014-01-14T03:23:30.493 に答える
0

私の場合、javascript はそのように呼び出されなかったので、リクエストを次のように変更します。

link_to name, '#', onclick: "add_fields(this,'#{association}','#{escape_javascript(fields)}')";
于 2013-10-01T12:53:46.977 に答える