在 Raphael 路径与数据库 ID 之间创建关系答案

【问题标题】：Creating a relationship between a Raphael Path to a Database ID在 Raphael 路径与数据库 ID 之间创建关系
【发布时间】：2012-03-05 12:52:35
【问题描述】：

我们与 Raphael 一起创建了具有特定坐标路径的平面图。这些路径中的每一条都指向一个特定的座位。座位由一个圆圈表示。因此，当您将鼠标悬停在该圆圈上时，将执行一个操作并出现一个工具提示。该表的一些特定数据需要使用 Ajax 从数据库提供给显示的工具提示

在管理方面，我们将为每个座位创建一个包含特定信息的数据库，即座位#（座位 #4、座位 #105A 等...）座位区（夹层、一楼等...）和一些工具提示内的其他数据点。

我们的问题是我们不知道如何为每个路径（圆圈）分配一个 ID，并将其与管理端的数据点联系起来。

我们想要的是，当我们在管理员端创建座位数据时，比如夹层部分的座位 #10，我们希望为该路径创建一种方式来识别该特定座位 # 并提取所有具体数据到它的工具提示中。

所以我们想知道如何在代表我们座位的 Raphael 坐标路径与我们 SQL 2008 数据库中的座位数据之间建立这种关系。

【问题讨论】：

创建席位时，您可以将 Id 应用于对象。当您随后与它交互时，您应用的操作处理程序将“知道”我会是什么

标签： javascript json svg raphael object-relationships

【解决方案1】：

完成我添加的评论。你可以编写 alert(this.id); 另见函数 Element.data

【讨论】：

【解决方案2】：

您可以使用Element.data(key, [value]) 将自定义信息与任何元素相关联。文档中的示例：

for (var i = 0, i < 5, i++) {
    paper.circle(10 + 15 * i, 10, 10)
         .attr({fill: "#000"})
         .data("i", i)
         .click(function () {
            alert(this.data("i"));
         });
}

使用它，只需根据需要生成数据库 ID，然后将其作为元数据添加到对象上。在mouseover() 或其他上，只需从元素中读取 id。

【讨论】：