Rails/JS 按钮 onclick 重新渲染部分而不进入数据库

Question

我希望使用按钮（添加）重新加载部分表单。我是新手，不知道如何简单地在部分列表中显示字段，就像列表一样多次单击添加按钮。我找不到相关的例子。当对象保存在数据库中时，所有 AJAX 示例都提到 js.erb。

<div class="panel-body">
 <%= render partial: "degrees/form", :locals => { :f => f }  %> 
 <%= f.link_to (fa_icon 'plus').to_s + " Add Another Qualification ", render(:partial => 'degrees/form', :locals => { :f => f }), class: "btn btn-primary" %>
</div>

这里，@application 是尝试显示学位字段的主要表单。部分只是两个文本字段 - 一个用于选择教育程度，第二个用于详细信息。这里是部分

 <%= f.fields_for [Degree.new], :url => { :action => "index" } do |ff| %>
  <div class = "form-group" }>
    <%= ff.select :level, options_for_select(Job::EDUCATION, params[:level]), include_blank: "Select Degree", class: 'span-2' %>
    <%= ff.text_field :description, :class => 'span5' %>
  </div>
   <% ff.submit "Add Another Degree", class: 'btn btn-primary' %>

Answer 1

你不需要保存东西来传递给.js.erb...你可以实例化...

但是，如果您的示例是精确的，则您缺少链接的 remote: true 标志...并且部分未在链接上定义...您需要创建一个响应 ajax 的视图...

表格示例

<div class="panel-body">
  <%= link_to new_thing_path, remote: true do %>
    <i class="fa fa-plus">
    Add another qualification
  <% end %>
  <div class="new-things-container">
  </div>
</div>

控制器响应 ajax 请求

class ThingsController < ApplicationController
  def new
    @thing = Thing.new

    respond_with @thing
  end
end

查看 ajax 请求，在指定的 div 中呈现部分内容

//views/things/new.js.erb
$('.panel-body .new-things-controller').append("<%= render partial: 'degrees/form', locals: { thing: @thing } %>")