레일 : AJAX를 사용하여 양식 필드 삭제

Question

운동에 많은 연습 문제가있는 중첩 양식이 있으며 양식을 제출하지 않고도 양식을 삭제하고 연습 문제를 추가 할 수있게하려고합니다.

<%= form_for(@workout) do |f| %> 

    <%= f.label :name %><br /> 
    <%= f.text_field :name %><br /> 
    <%= f.label :description %><br> 
    <%= f.text_area :description %></br> 

    <%= f.fields_for :workout_exercises do |workout_exercise| %> 
     <fieldset> 
      <%= workout_exercise.text_field :name %>  
      <%= workout_exercise.hidden_field :_destroy %> 
      <%= link_to "Remove Exercise", '#', class: "remove_fields" %> 
       ##This is what I want to do ## 
      <%= link_to 'Remove Exercise', set, remote: true, class: "remove_fields delete", method: :delete %> 
     </fieldset> 
    <% end %> 

는 지금은 필드가 페이드 아웃 할 수 있지만 양식의 맨 아래에있는 "갱신 운동"버튼을 클릭하는 데 필요한 DB에 변경 사항을 저장합니다. 나는 "Remove Exercise"버튼을 누르 자마자 변경 사항을 적용하기를 원합니다. 그렇지 않으면, 사용자는 요소가 실제로 숨겨 졌을 때 삭제되었다고 생각할 것입니다.

아이디어가 있으십니까?

감사합니다.

Answer 1

나는 이것을 위해 Cocoon gem을 강력히 추천합니다. 필요에 따라 events before and after a nested fieldset is inserted을 추가 할 수 있습니다.