【问题标题】:jQuery EasyUI; Drag and drop shopping cart (remove button)jQuery EasyUI;拖放购物车(删除按钮)
【发布时间】:2012-02-28 14:42:23
【问题描述】:

我正在尝试为我的一位客户制作拖放式购物车。

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

我以这个版本为基础:http://www.jeasyui.com/tutorial/dd/dnd2_demo.html

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

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

有人知道这个问题的解决方案吗?我觉得应该和addProduct函数有点类似

期待任何回复

亲切的问候

【问题讨论】:

  • 我认为您的问题可以通过使用 knockoutjs 轻松解决,这也将使您的表格更容易实现。 knockoutjs.com如果你愿意,我可以修改你的小提琴给你看一个例子。
  • 您好 Makotosan,如果您愿意,我将不胜感激!提前致谢

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


【解决方案1】:

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

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

它允许我将标记保留在 HTML 中,而在 JavaScript 中没有任何标记。

【讨论】:

    猜你喜欢
    • 2013-07-02
    • 2023-03-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多