제출시 동적으로 요소를 정렬하고 여러 변경 사항을 저장하는 방법

Question

많은 성분이 들어있는 조리법이있는이보기가 있습니다. 동적으로 내 재료를 정렬하고 전체 양식의 제출 버튼을 누르면 컨트롤러에 한 번만 변경 사항을 보낼 수 있기를 원합니다. 나는 꽤 오랫동안 인터넷 검색을 해왔다. 그리고 나는 이것에 관한 많은 질문을 본다. 대답은 아니지만 ... 나는 레일에 익숙하지만 자바 스크립트로 시작한다.

보기

<% form_for @receipe do |r| %> 
    <%= r.text_field.name %> 
    <% f.fields_for :receipe_ingredients do |ri| %> 
    <%= ri.fields_for :ingredients do |i| %> 
     <%= link_to i.object.name, ingredient_path(i.object.id) %> 
     <%= ri.text_field :specification %> 
    <% end %> 
    <% end %> 
<%= r.submit "save" %> 
<% end %> 
<%= link_to "add more ingredients", ingredients %> 

Answer 1

당신이 JQuery와 또는 프로토 타입을 사용하는 경우는 언급하지 않습니다. 나는 프로토 타입을 가정,이를 확인 :

http://madrobby.github.com/scriptaculous/sortable-lists-demo/

Answer 2

놓습니다 성분을 목록에서 그들을 정렬하기 위해 자바 스크립트를 사용하여보다.

This seems llike a good plugin for that.은보다, 제출

$("#submit").preventDefault(); 

처럼 뭔가 페이지의 일반적인 재로드를 차단하고 아약스와 응용하여 레일에 자바 스크립트 배열의 데이터를 전송합니다. 서버의 이전 주문을 자바 스크립트 배열의 새 주문과 비교하고 주문을 조정하십시오. 그게 도움이 될 것 같아.

나는 아약스를 사용하고 싶지 않다. 사용자가 순서를 바꿀 때마다 json 형식으로 숨겨진 텍스트 필드에 자바 스크립트 배열을로드하고 컨트롤러가 해당 json 문자열로 작업하여 항목의 순서를 찾는다. .