Короче говоря, я пытаюсь воспроизвести базовую версию демоверсии jquery-ui для покупок: http://jqueryui.com/demos/droppable/shopping-cart.html с ember.js и встроенным drag5 drop от HTML5.
После предварительной попытки перетащить с помощью ember + jquery-ui и с трудностями использовать это решение: http://jsfiddle.net/Wu2cu/2/, я увидел решение pangratz HTML5: http://jsfiddle.net/pangratz666/DYnNH/ и решил сделать снимок.
У меня есть forked pangratz jsfiddle, созданный productController и добавленныйToCartController, который фильтрует productsController на основе свойства isAdded: http://jsfiddle.net/GU8N7/3/
Это хорошо работает, но затем я застреваю, когда пытаюсь использовать итератор #each и добавляю уникальные перетаскиваемые представления каждому объекту в итераторе. Я хочу, чтобы иметь возможность перетаскивать каждый объект "продукт", а когда он попадает в область "корзина", установите для этого объекта свойствоAdded значение true, и, таким образом, он появится в "корзине покупок".
Любая помощь будет принята с благодарностью!!
(также как бонус, я хотел бы сделать элементы в корзине сортировки сортированными, но это, вероятно, слишком много, чтобы просить, пока не пересечет первый мост.)