加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

ruby-on-rails – Rails 4在一个表单中创建相同模型的多个记录

发布时间:2020-12-17 04:33:08 所属栏目:百科 来源:网络整理
导读:我试图一次为同一个模型创建多个记录(Rails 4.1.2),但表单只发送一组参数值(实际上只是第一行)… 基本上我在索引视图中有一个表单,只需单击符号(使用javascript附加表行)添加更多记录,一次添加更多行记录…并点击提交一次创建所有记录. 以下是我到目前为止的
我试图一次为同一个模型创建多个记录(Rails 4.1.2),但表单只发送一组参数值(实际上只是第一行)…

基本上我在索引视图中有一个表单,只需单击符号(使用javascript附加表行)添加更多记录,一次添加更多行记录…并点击提交一次创建所有记录.

以下是我到目前为止的观点:

<div class="table-responsive">
   <table class="table equipment-table" id="EquipmentTable">
     <thead>
       <tr>
         <th>Equipment name</th>
         <th>Serial number</th>
         <th>Date out warehouse</th>
         <th>Date in warehouse</th>
         <th>Technician</th>
         <th>Site location</th>
         <th>Date in</th>
         <th>Date out</th>
         <th>Technician return</th>
       </tr>
     </thead>

     <tbody id="tableToModify">
       <% @equipments.each do |equipment| %>
       <tr>
         <td><%= equipment.equipment_name %></td>
         <td><%= equipment.serial_number %></td>
         <td><%= equipment.date_out_warehouse %></td>
         <td><%= equipment.date_in_warehouse %></td>
         <td><%= equipment.technician %></td>
         <td><%= equipment.site_location %></td>
         <td><%= equipment.date_in %></td>
         <td><%= equipment.date_out %></td>
         <td><%= equipment.technician_return %></td>
       </tr>
       <% end %>

       <%= form_tag make_multiple_equipments_path,method: :post do %>

          <tr class="equipment_row" id="rowToClone">
          <%= fields_for "equipments[]",@equipment do |f| %>
            <td><%= f.text_field :equipment_name,size: 15 %></td>
            <td><%= f.text_field :serial_number,size: 7 %></td>
            <td><%= f.date_field :date_out_warehouse %></td>
            <td><%= f.date_field :date_in_warehouse %></td>
            <td><%= f.text_field :technician,size: 12 %></td>
            <td><%= f.text_field :site_location,size: 12 %></td>
            <td><%= f.date_field :date_in %></td>
            <td><%= f.date_field :date_out %></td>
            <td><%= f.text_field :technician_return,size: 15 %></td>
            <td><input type="button" id="delbutton" class="btn btn-danger" value=" - " onclick="deleteRow(this)"/></td>
          <% end %>
          </tr>

          </tbody>
          </table>

       <input type="button" onclick="cloneRow()" value=" + " class="btn btn-success"/>  
       <br>
       <%= submit_tag "Submit",class: "btn btn-primary" %>
       <% end %>
 </div>


 <script type="text/javascript">
    function deleteRow(row)
    {
      var i=row.parentNode.parentNode.rowIndex;
      document.getElementById('EquipmentTable').deleteRow(i);
    }
    function cloneRow()
    {
      var row = document.getElementById("rowToClone"); // find row to copy
      var table = document.getElementById("tableToModify"); // find table to append to
      var clone = row.cloneNode(true); // copy children too
      table.appendChild(clone); // add new row to end of table
    }
 </script>

这是我在我的控制器中所拥有的(一个工作有很多设备):

def index
  @job = Job.find(params[:job_id])
  @equipments = @job.equipments.all
  @equipment = Equipment.new(:date_out_warehouse => Time.now,:date_in_warehouse => Time.now,:date_in => Time.now,:date_out => Time.now)
end

def make_multiple_equipments
  @job = Job.find(params[:job_id])
  count = 0
  equipments_array = params.permit(equipments: [:equipment_name,:serial_number,:date_out_warehouse,:date_in_warehouse,:technician,:site_location,:date_in,:date_out,:technician_return]).require(:equipments)

  while count < equipments_array.count
    @job.equipments.create(equipments_array[count])
    count = count + 1
  end

  redirect_to job_equipment_index_path(@job),:notice => 'Equipment were successfully created.'
end

这些是我的参数:

{"utf8"=>"?","authenticity_token"=>"TdHJAFI+Vw5zxFKDNXbx7LHPcT2mJ4BBg04Qt0Z9QNY=","equipments"=>[{"equipment_name"=>"tester","serial_number"=>"29","date_out_warehouse"=>"2014-08-04","date_in_warehouse"=>"2014-08-04","technician"=>"paul","site_location"=>"steve","date_in"=>"2014-08-04","date_out"=>"2014-08-04","technician_return"=>"mark"}],"commit"=>"Submit","job_id"=>"2"}

如果任何人能够为我提供一些见解,我将不胜感激……

更新1:
我似乎认为问题是在形式,因为它没有发送一个包含多个项目的数组我改变了下面的形式,但仍然在参数中它只发送一组值:

<td><%= text_field_tag "equipments[][equipment_name]" %></td>
<td><%= text_field_tag "equipments[][serial_number]" %></td>
<td><%= date_field_tag "equipments[][date_out_warehouse]" %></td>
<td><%= date_field_tag "equipments[][date_in_warehouse]" %></td>
<td><%= text_field_tag "equipments[][technician]" %></td>
<td><%= text_field_tag "equipments[][site_location]" %></td>
<td><%= date_field_tag "equipments[][date_in]" %></td>
<td><%= date_field_tag "equipments[][date_out]" %></td>
<td><%= text_field_tag "equipments[][technician_return]" %></td>

参数:

{"utf8"=>"?","authenticity_token"=>"oX6niXZFQQzoomlsojYweAuXtiLjP7LCdKGhOvUe/Vw=","equipments"=>[{"equipment_name"=>"boot","serial_number"=>"23","date_out_warehouse"=>"2014-08-08","date_in_warehouse"=>"2014-08-08","date_in"=>"","date_out"=>"","technician_return"=>"frank"}],"job_id"=>"3"}

解决方法

唯一的问题是你的js clone功能:
function cloneRow()
{
  var row = document.getElementById("rowToClone"); // find row to copy
  var tableForm = document.getElementById("tableToModify").getElementsByTagName("form"); // find table to append to
  var clone = row.cloneNode(true); // copy children too
  tableForm.appendChild(clone); // add new row to end of table
}

您应该在表单中附加克隆的行,而不仅仅是在父表中.我使用getElementsByTagName获取了表单,但您可以考虑在表单中添加一个id.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读