양식에서 주문 가격을 다시 계산해야합니다.

Question

양식을 새로 만들 수 있습니다. 하나의 주문에는 여러 제품이 포함될 수 있습니다. 각 제품에는 가격이 있습니다. 주문의 가격은 모든 제품의 가격 합계와 같습니다.

사용자가 각 제품에 수량을 설정하면 양식에서 주문 가격을 업데이트해야합니다.

아이디어가 있으십니까?

Answer 1

수량 입력란에 Javascript 및 onchange HTML 이벤트를 사용하십시오.
사용자가 수량을 변경하면 Javascript가 양식을 처리하고 새 주문 가격을 계산할 수 있습니다. 자바 스크립트는이 같은 것을 사용하여, 항목의 수에 대한 총 가격을 계산할 수 :

item_quantity = document.getElementById('item_quantity').value; 
item_price = document.getElementById('item_price').value; 
// Perform some chacks here, to see whether the input values are valid 
item_total = item_price * item_quantity; 

의 모든 항목에 대해이 작업을 수행하고, 총 주문 가격을 모든 item_total 값을 추가합니다.

가격 및 수량 입력란에 편리한 ID를 선택하면 쉽게 반복 할 수 있으므로 주문 항목의 수에 관계 없습니다.

Answer 2

레일에 루비를 사용하고 있기 때문에 수량 필드의 값 변경 이벤트를 확인할 수있는 옵저버를 사용할 수 있습니까? 그렇게하면 논리를 자신의 견해에서 벗어나게 할 수 있습니다.

http://it.toolbox.com/blogs/database-geek/ror-passing-multiple-parameters-via-observe_field-18656

http://api.rubyonrails.org/classes/ActionView/Helpers/PrototypeHelper.html

당신은 또한 당신의 사용자 양식 new.html.erb에있는 경우 다음 것 버튼을 눌러 그래서 같은 행동 양식을 제출 것이다 업데이 트 수량 버튼을 줄 수 새 작업을 호출하고 다시 같은 페이지로 리디렉션하지만 컨트롤러의 총계를 업데이트 할 수 있습니다.