jQuery EasyUI;拖放购物车(删除按钮)

时间:2012-02-28 14:42:23

标签: jquery jquery-ui drag-and-drop shopping-cart jquery-easyui

我正试图为我的一个客户拖放购物车。

http://jsfiddle.net/jfvandekamp/bkw5p/1/

我使用此版本作为基础:http://www.jeasyui.com/tutorial/dd/dnd2_demo.html

由于此版本没有删除按钮,我尝试自己添加它。这就是麻烦开始的地方。

我设法在项目后面找到一个删除按钮(通过javascript函数)删除了parentNode TR(由于某种原因在jsfiddle版本中不起作用)。然而,这不是解决方案,因为当我在购物车中拖动另一个项目时,该项目再次弹回。此外,当我删除一个项目时,总数仍然没有调整,因为我刚刚删除了表格行。

任何人都知道这个问题的解决方案?我认为它应该与addProduct函数

有些相似

期待任何回复

亲切的问候

1 个答案:

答案 0 :(得分:2)

这是我使用knockout提出的实现。

http://jsfiddle.net/makotosan/bkw5p/5/

它允许我将标记保留在HTML中,而不是JavaScript中的任何标记。