Javascript 创建数据库ID的Raphael路径之间的关系

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

在管理端，我们将创建一个数据库，其中包含每个座位的具体信息，即座位（座位4、座位105A等）、座位区（夹层、一楼等）以及工具提示内的一些其他数据点

我们的问题是，我们不知道如何为每个路径（圆）分配一个ID，并将其绑定到管理端的数据点

我们想要的是，当我们在管理端创建席位数据时，比如夹层部分的席位10，我们想要为该路径创建一种方法，以识别其自身与该特定席位，并将所有特定数据拉到其工具提示

---

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

您可以使用

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"));
         });
}

for（变量i=0，i<5，i++）{
纸。圈（10+15*i，10，10）
.attr（{fill:#000}）
.数据（“i”，i）
。单击（函数（）{
警报（本数据（“i”）；
});
}

---

使用此方法，只需根据需要生成数据库id，然后将其作为元数据添加到对象上。在

mouseover（）

或其他任何地方，只需从元素中读回id即可。

完成我添加的注释。 您将能够编写警报代码（this.id）；

---

另请参见function Element.data

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