2011-08-29 43 views
1

我試圖做一個拖動+拖放購物車,並看了兩個選項:JQuery UI draggableScriptaculous Draggable + Rails Helpers,但我很難將控制器操作綁定到已拖入購物車的項目。購物車結賬與JQuery可拖動+ droppable?

E.g.我想要用戶將物品拖入購物車div,然後單擊「結帳」並繼續提供所有物品的付款信息等。

當前在我的數據庫中,我有一列接受多個項目ID他們希望以散列形式購買。我也將它設置爲隱藏字段的形式,但這可能不是最好的選擇。

關於如何實現這一點的任何想法?如果可能,示例代碼將非常棒。非常感謝您的幫助!

回答

3

JQuery UI Droppable會運行良好。有使用它的購物車在這裏的一個例子:

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

要使用Rails 3整合,一種方法是把網頁作爲一個傳統的(非AJAX)Web表單,但使用JavaScript操縱隱藏的輸入元素。

  1. 使用JSON來填充你的數據的JavaScript數組/對象(數據模型)
  2. 使用JavaScript與jQuery操縱模型
  3. 使用一個小型的JavaScript函數寫模型進行隱藏輸入這是正確命名爲Rails元素 - 函數被運行的每個數據改變時
  4. 提交表單照舊點擊提交按鈕
+1

感謝幫助的時候!我已經完成了步驟1,3和4的工作,但我仍然有點困惑如何做第2部分?我沒有得到如何我可以正確綁定每個項目div(id?)拖入購物車div到隱藏的輸入?我有一個to_json散列與所有項目id和我使用.val() – ahuang7