0

我正在尝试从嵌套模型轨道创建一个复杂的形式。项目和任务是我拥有的两种形式。任务属于项目。项目有很多任务。

我的表单创建成功，两个模型之间的关系显示正确​​。我可以销毁项目，它会删除与项目相关的任务。当我尝试使用 javascript 删除任务并将任务添加到项目时，就会出现我的问题。链接创建成功，表单成功加载到浏览器中，我可以毫无问题地提交表单，但是当我单击“删除”或“添加”链接时没有任何反应。

日志中没有任何内容，浏览器中没有错误消息。这是我的 application.js 和 application_helper.js 和表单。

应用程序.js

//= require jquery
//= require jquery_ujs
//= require jquery.ui.all
//= require_tree .
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)
    });
}

application_helper.js

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, :f => builder)
        end
        #link_to_function(name, h("add_fields(this, \"#{association}\", \"#{escape_javascript(fields)}\")"))
        link_to_function(name, "add_fields(this, '#{association}', '#{escape_javascript(fields)}'')")
    end
end

_form.html.erb

  <p>
     <%= f.label :name, "Name" %>
     <%= f.text_field :name %> <br />
     <%= f.label :description, "Description" %>
     <%= f.text_field :description %> <br />
     <%= f.label :project_id, "Project ID" %>
     <%= f.text_field :project_id %> <br />
     <%= f.label :id, "ID" %>
     <%= f.text_field :id %>
  </p>

  <h3> Tasks for Project </h3>
    <%= f.fields_for :tasks do |builder| %>
      <%= render 'task', :f => builder %>
    <% end %>
    <p><%= link_to_add_fields "Add Task", f, :tasks %>
    <p><%= f.submit "Submit" %></p>

<% end %>

_task.html.erb

<div class="fields"> 
    <%= f.label :name, "Name" %>
    <%= f.text_field :name %></br >
    <%= f.label :description, "description" %>
    <%= f.text_area :description, :rows => 3 %><br />
    <%= link_to_remove_fields "remove", f %>
</div>
4

2 回答 2

1

当您使用 jquery 时，您应该使用原型函数来parent()代替，up()并将. 所以你的 javascript 代码看起来像：insert()append()

function remove_fields(link) {
  $(link).previous("input[type=hidden]").val(1);
  $(link).parent(".fields").hide();
}
function add_fields(link, association, content) {
  var new_id = new Date().getTime();
  var regexp = new RegExp("new_" + association, "g")
  $(link).parent().append(content.replace(regexp, new_id));
}

但是如果你不想自己写所有这些乱七八糟的东西，你可以使用nested_form gem。对于复杂的形式来说，它真的是很好的宝石。

于 2013-02-27T09:53:19.080 回答
0

首先，您忘记在 link_to_add_fields 行中结束您的 < p >

然后，您的 jQuery 版本可能未正确执行以下行。

$(link).up().insert({
    before: content.replace(regexp, new_id)
});

为确保没有问题，请尝试将这一行写在 line_to_add_field 之前

并将前 3 行更改为

$('#task_attributes').append(content.replace(regexp, new_id));

如果这不起作用，请更新您的第一条消息以显示“link_to_add_field”rails 函数的生成代码。

于 2013-02-27T09:45:07.560 回答