Оформить заказ в корзине с помощью JQuery draggable + droppable? - PullRequest
1 голос
/ 29 августа 2011

Я пытаюсь создать корзину для перетаскивания и выбрал две опции: JQuery UI, перетаскиваемый и Scriptaculous Draggable + Rails Helpers , но у меня возникли трудностипривязка действий контроллера к элементам, которые были перетащены в корзину.

Например, я хочу, чтобы пользователи перетаскивали предметы в корзину, затем нажимали «оформить заказ» и продолжали предоставлять информацию об оплате для всех предметов и т. Д. *

В настоящее время в моей базе данных яиметь столбец, который принимает несколько идентификаторов элементов, которые они хотят приобрести в качестве хэша.Я также пытался настроить его как форму со скрытыми полями, но это может быть не лучшим выбором.

Есть идеи, как мне этого добиться?Пример кода будет потрясающим, если это возможно.Большое спасибо за вашу помощь!

1 Ответ

3 голосов
/ 29 августа 2011

JQuery UI Droppable будет работать хорошо. Вот пример использования его для корзины покупок:

http://jqueryui.com/demos/droppable/#shopping-cart

Для интеграции с Rails 3 одним из подходов является обработка страницы как традиционной (не AJAX) веб-формы, но использование Javascript для управления скрытыми элементами ввода.

  1. Используйте JSON для заполнения массива / объекта JavaScript вашими данными (вашей моделью данных)
  2. Использование Javascript с JQuery для манипулирования моделью
  3. Используйте небольшую функцию Javascript для записи модели в скрытые элементы ввода, которые имеют правильное имя Rails - функция запускается каждый раз, когда данные изменяются
  4. Отправляйте форму как обычно, когда нажимаете кнопку отправки
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...