변수를 업데이트 한 후 뷰 다시 렌더링

Question

제품 구성이 가능한 양식을 만들려고합니다. 예를 들어 위젯을 추가하면 제품 가격이 £ x이됩니다. 예 : Apple's configuration page. 다른 프로세서 또는 w/e를 선택하면 그에 따라 가격이 업데이트됩니다.

그래서 모델에 기본 가격이 포함 된 필드가 있으며보기에 표시되는 가격을 base_price + addons[]으로 설정합니다.

사용자가 일부 구성 설정을 변경하면보기에서 가격을 업데이트하는 방법을 알 수 없습니다. 변수의 값을 변경할 수는 있지만보기에 표시된 내용을 업데이트하는 방법을 모르겠습니다.

뷰의 임베디드 루비 코드가로드 될 때만 호출된다는 것을 알기 때문에 표시된 가격은 항상 total_price 변수의 원래 값입니다. 나는 Javascript가 필요할 것이라고 추측하고 있지만 레일즈에 이와 같은 일을하는 조항이 있는가?

감사합니다.

Answer 1

예, 양식에 remote : true 옵션을 추가 한 다음 데이터가 ajax를 통해 서버로 전송되고 컨트롤러에서 처리 된 후에는 확장자가 .html.js 인보기를 렌더링 할 수 있습니다. 이 같은 현재보기를 업데이트하는 일부 자바 스크립트 코드를 삽입 :

가 아약스 호출 후보기로 반환 될 때 자바 스크립트의 조각은 (당신이 ERB를 통해 일부 루비 향상시킬 수 있음)를 실행하는지

$("#total-price").replaceWith("<%= j(render(partial: 'location', layout: false)) %>"); 

.

이것은 레일이 제공하는 매우 강력한 도구입니다.