2016-12-15 14 views
0

작성 및 업데이트시 새로 고쳐지는 항목 목록이 있습니다. 요소 추가, 제거, 가격 인라인 조정을 할 수있는 양식이 있습니다. 작업이 할당 된 대상을 편집하려면 양식이있는 부분을 포함하는 모달을 다시 한 번 팝업하지만 객체를 편집합니다. 모든 것이 잘 작동하고해야하는대로 새로 고칩니다.레일 Ajax 새로 고침 모달 업로드 양식 나누기 제출

나는 클립도 문서를 업로드하거나 사진을 업로드 할 카메라를 클릭하여 양식을 포함 조동사를 열고 카메라가 같은 줄에 문제 . 이것들은로드 중일 때 페이지에서 잘 작동하지만 Ajax를 새로 고친 후 제출 버튼이 작동하지 않습니다.

색인 부분 강령 : 부분

<div class="row"> 
    <div class="col-md-12"> 

     <% if work_order.tasks.any? %> 
     <ul class="task-table"> 
      <% work_order.tasks.each_with_index do |task, index| %> 
      <li class="row task-table-row"> 

       <%= bootstrap_form_for(task, remote:true) do |f| %> 
        <%= render(partial:'tasks/task', locals:{task:task, f:f, index: index}) %> 
       <% end %> 

      </li> 
      <%= render(partial:'work_orders/modal_forms', locals:{task:task, index:index}) %> 
      <%= render(partial:'tasks/attachments', locals:{task:task, index: index}) %> 
      <%= render(partial:"tasks/edit", locals:{task:task, index:index})%> 
      <% end %> 
      <li class="row"> 
       <div class="table-total"> 
        <div class="col-md-6 col-md-push-6 column"> 
         <div id="total-wrap"> 
          <h3>Est. total: <span id="subTotal"></span></h3> 
         </div> 
        </div> 
       </div> 
      </li> 
     </ul> 
     <% else %> 
     <li class="row task-table-row"> 
      No tasks currently exist. 
     </li> 
     <% end %> 
    </div> 
</div> 
<div class="button-margin"> 
    <%= render(partial:'tasks/new', locals:{work_order:work_order})%> 
</div> 
<div id="placeHolder"></div> 
<%= link_to "Mark as Complete", work_order_path(work_order, work_order:{completed: true}), class:"btn btn-block btn-danger btn-outline b-r-xs", method: :put, remote:true %> 

작업 :

<div class="col-md-4 column"> 
    <div class="pull-right column inline"> 
     <p class="assign inline"><small class="text-muted"> 
      <% if task.assignable_id.present? %> 
      <%= truncate(task.assignable.name, length:7) %> 
      <% else %> 
      assign 
      <% end %> 
     </small></p> 
     <a href="#" class="text-muted inline" data-toggle="modal" data-target="#editModal<%= index %>"> 
      <i class="fa fa-pencil"></i> 
     </a> 
    </div> 
    <p class="inline"><%= truncate(task.location, length:20) %></p> 
</div> 

<% if task.labor.present? && task.materials.present? %> 

<!-- if labor or materials are both available --> 
<div class="col-md-3 column"> 
    <%= link_to work_order_task_path(task.work_order, task, task:{labor:nil}), method: :put, remote:true, class:" text-muted pull-right" do %><i class="fa fa-pencil"></i><% end%> 
    <p class="inline pull-right"> 
     <span class="text-success currency"><%= number_to_currency(task.labor) %></span> 
    </p> 
</div> 
<div class="col-md-3 column"> 
    <%= link_to work_order_task_path(task.work_order, task, task:{materials:nil}), method: :put, remote:true, class:" text-muted pull-right" do %><i class=" fa fa-pencil"></i><% end%> 
    <p class="inline pull-right"> 
     <span class="text-success currency"><%= number_to_currency(task.materials) %></span> 
    </p> 
</div> 
<div class="col-md-2 column task" data-task="<%= task.id%>"> 

    <a id="deleteTask"> 
     <i class="fa fa-remove text-danger pull-right" > </i> 
    </a> 
    <a data-toggle="modal" data-target="#imageModal<%= index %>"> 
     <i class="fa fa-camera text-success pull-right"></i> 
    </a> 
    <a class="text-primary" data-toggle="modal" data-target="#attachmentModal<%= index %>"> 
     <i class="fa fa-paperclip pull-right"></i> 
    </a> 

    <% if task.task_photos.any? || task.attachments.any? %> 
    <a class="text-green" data-toggle="modal" data-target="#attachments<%= index %>" tooltip="View Attachments"> 
     <i class="fa fa-eye pull-right" > </i> 
    </a> 
    <% end %> 

</div> 

<% elsif task.labor.blank? && task.materials.present? %> 
<!-- Else if labor is blank and materials are present --> 
<div class="col-md-3 column"> 
    <%= f.text_field :labor, hide_label:true, prepend: "$", append: ".00", placeholder:"Est. Labor" %> 
</div> 
<div class="col-md-3 column"> 
    <%= link_to work_order_task_path(task.work_order, task, task:{materials:nil}), method: :put, remote:true, class:" text-muted pull-right" do %><i class=" fa fa-pencil"></i><% end%> 
    <p class="inline pull-right"> 
     <span class="text-success currency"><%= number_to_currency(task.materials) %></span> 
    </p> 
</div> 
<div class="col-md-2 column task" data-task="<%= task.id%>"> 
    <%= f.submit "Save", class:"btn btn-outline btn-success b-r-xs submitTask pull-right" %> 
</div> 

<% elsif task.materials.blank? && task.labor.present? %> 
<!-- Else if materials is blank and labor is present --> 
<div class="col-md-3 column"> 
    <%= link_to work_order_task_path(task.work_order, task, task:{labor:nil}), method: :put, remote:true, class:" text-muted pull-right" do %><i class=" fa fa-pencil"></i><% end%> 
    <p class="inline pull-right"> 
     <span class="text-success currency"><%= number_to_currency(task.labor) %></span> 
    </p> 
</div> 
<div class="col-md-3 column"> 
    <%= f.text_field :materials, hide_label:true, prepend: "$", append: ".00", placeholder:"Est. Material" %> 
</div> 
<div class="col-md-2 column task" data-task="<%= task.id%>"> 
    <%= f.submit "Save", class:"btn btn-outline btn-success b-r-xs submitTask pull-right" %> 
</div> 

<% else %> 
<!-- Else materials and labor are both blank --> 
<div class="col-md-3 column"> 
    <%= f.text_field :labor, hide_label:true, prepend: "$", append: ".00", placeholder:"Est. Labor" %> 
</div> 
<div class="col-md-3 column"> 
    <%= f.text_field :materials, hide_label:true, prepend: "$", append: ".00", placeholder:"Est. Material" %> 
</div> 
<div class="col-md-2 column task" data-task="<%= task.id%>"> 
    <%= f.submit "Save", class:"btn btn-outline btn-success b-r-xs submitTask pull-right" %> 
</div> 

<% end %> 

못해 제출하는 조동사

<!-- attachments modal --> 
<div class="modal inmodal fade" id="attachmentModal<%= index %>" tabindex="-1" role="dialog" aria-hidden="true"> 
    <div class="modal-dialog modal-lg"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button> 
       <h4 class="modal-title">Attach Documents</h4> 
       <small class="font-bold">Upload quotes, sales orders, receipts and invoices.</small> 
      </div> 

      <div class="modal-body"> 
       <div class="row"> 
        <%= bootstrap_form_for [task, Attachment.new] do |f| %> 

        <div class="col-md-4"> 
         <%= f.text_field :name %> 
        </div> 
        <div class="col-md-4"> 
         <%= f.text_field :amount, prepend: "$", append: ".00", label:"Total (optional)" %> 
        </div> 
        <div class="col-md-4"> 
         <%= f.file_field :file %> 
        </div> 

       </div> 

      </div> 

      <div class="modal-footer"> 
       <button type="button" class="btn btn-white" data-dismiss="modal">Close</button> 
       <%= f.submit "Add Attachment", class:"btn btn-primary btn-outline b-r-xs" %> 
       <% end %> 
      </div> 
     </div> 
    </div> 
</div> 
<!-- end attachments modal --> 

<!-- images modal --> 
<div class="modal inmodal fade" id="imageModal<%= index %>" tabindex="-1" role="dialog" aria-hidden="true"> 
    <div class="modal-dialog modal-lg"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button> 
       <h4 class="modal-title">Attach Images</h4> 
       <small class="font-bold">Upload images and descriptions.</small> 
      </div> 

      <div class="modal-body"> 
       <div id="target"> 
       </div> 
       <%= bootstrap_form_for [task, TaskPhoto.new] do |f| %> 

       <div class="field"> 
        <%= f.hidden_field :property_manager_id, value:current_manager.id %> 
       </div> 
       <div class="field"> 
        <%= f.file_field :photo %> 
       </div> 
       <div class="field"> 
        <%= f.text_field :description %> 
       </div> 
      </div> 

      <div class="modal-footer"> 
       <button type="button" class="btn btn-white btn-outline b-r-xs" data-dismiss="modal">Close</button> 
       <%= f.submit "Add Photo", class:"btn btn-primary btn-outline b-r-xs" %> 
       <% end %> 
      </div> 
     </div> 
    </div> 
</div> 
<!-- end images modal --> 

답변

0

내 모달 바닥 글에서 제출을하는 것이 오류의 원인 이었음을 나타냅니다.

초기 페이지로드에서 정상적으로 작동하지만 아약스로 새로 고침하면 오류가 발생했습니다. 제출 양식 버튼을 나머지 모달 체로 이동하면 문제가 해결됩니다.

앞으로 도움이되기를 바랍니다.