通过jQuery表单railscasts插件以嵌套形式添加字段时出现问题

时间:2011-06-28 10:50:04

标签: javascript jquery ruby-on-rails-3 nested-forms

我已经在嵌套表单(第1部分和第2部分)上跟踪了railscasts剧集,并且使用jquery添加字段时遇到了困难,但是当我单击“删除字段”链接时,该字段将被删除。 这是代码 在我的问题模型中,我有

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

在我的标签模型中,我有

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

我的问题表格中有

<%= 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 %>

在我的tag_fields partial

<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_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

最后在我的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的工作原理是因为 我的应用程序的其他部分正在工作。点击添加新标签时,我没有收到任何错误。 我看过其他解决方案,但没有一个适合我。我似乎无法添加一个字段。 谢谢你的帮助

1 个答案:

答案 0 :(得分:2)

我设法解决这个问题,但我不确定这是不是最好的方式 在 application_helper.rb 中,我从此更改了以下行

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

到此

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

我不是100%确定它为什么会起作用,但我相信它与rails 3不再具有link_to_function。希望这个帮助