【问题标题】:front end drag and drop + SVG + backend ajax calls前端拖放 + SVG + 后端 ajax 调用
【发布时间】:2013-07-15 15:38:11
【问题描述】:

我目前正在对以下内容进行一些研究:

我有一个关系数据库,其中包含一个包含圆圈的表。为简单起见,让我们假设所有圆都具有相同的半径,并且每个圆都有一个 x 和 y 位置。我有一些 ORM 加上服务器端技术,可以喷出所有圈子的 SVG。

用户应该能够将其他圆圈拖放到描绘圆圈数据库表最新状态的 SVG“画布”上。我不太确定拖放功能。我更喜欢拖放事件来更新数据库而不是客户端 SVG(即拖放问题 ajax 调用到后端)。 Angular JS(或 jquery 或其他)会负责同步后端和前端的 SVG。

非常感谢任何有关相关前端技术和/或示例的指针。谢谢。

【问题讨论】:

  • 一种常见的方法是利用jQuery UI 库来处理拖放。它提供 UI 交互,以及用于开始/结束拖动处理的拖放事件。对 drop 事件的 AJAX 调用可以处理同步。 (见draggabledroppable
  • 我读过关于 jquery ui 的坏事。其他人怎么看?
  • 我似乎也收到了很多关闭请求。谁要求关闭这个问题至少可以告诉我为什么。谢谢。
  • Raphael 对拖放的处理比任何其他 UI 库都好。为什么不坚持它的处理程序?至于同步,如果你想要一些大的东西,看看meteor.com,或者如果你想要一些小的东西,看看sharejs.org。他们俩都应该做得很好。
  • 对,你可以从那些拖放回调中调用同步函数。如果您只想跟踪最终位置,请在放置时进行同步。如果您想跟踪移动,也可以在移动时同步,但一定要消除抖动。

标签: jquery-ui angularjs svg raphael


【解决方案1】:

Raphael 对拖放的处理比现有的任何 UI 库都好。为什么不坚持它的处理程序?至于同步,如果你想要一些大的东西,看看http://meteor.com,或者如果你想要一些小的东西,看看http://sharejs.org。他们都应该做得很好

您可以从这些拖放回调中调用同步函数。如果您只想跟踪最终位置,请在放置时进行同步。如果您想跟踪移动,也可以在移动时同步,但请确保对其进行去抖动(使用 Sugar.js 或内置的 Underscore)。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-10-27
    • 2018-02-17
    • 1970-01-01
    • 1970-01-01
    • 2016-11-05
    • 2021-05-25
    • 1970-01-01
    • 2020-01-01
    相关资源
    最近更新 更多