创建Raphael Path与数据库ID之间的关系

Creating a relationship between a Raphael Path to a Database ID

本文关键字：之间 关系 ID 数据库 Raphael Path 创建      更新时间：2023-09-26

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

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

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

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

因此，我们想知道如何在代表我们座位的拉斐尔坐标路径与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"));
         });
}

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

完成我添加的注释。您可以对alert（this.id）进行编码；另请参阅Element.data 函数

相关文章：