Создание связи между путём Рафаэля и идентификатором базы данных - PullRequest
0 голосов
/ 14 февраля 2012

Мы создали план этажа с Рафаэлем с конкретными путями координат.Каждый из этих путей указывает на конкретное место.Сиденье представлено кругом.Поэтому, когда вы наводите курсор мыши на этот круг, выполняется действие и появляется подсказка.Некоторые конкретные данные для этой таблицы необходимо передавать с помощью Ajax из базы данных в подсказку, которая отображается

. На стороне администратора мы создадим базу данных с конкретной информацией для каждого места, т.е. места № (место № 4)., место № 105A и т. д.)) зона отдыха (мезонин, первый этаж и т. д.) и несколько других точек данных, которые находятся внутри подсказки инструмента.

Наша проблема в том, что мы не знаем,как назначить идентификатор для каждого пути (круга) и связать его с точками данных на стороне администратора.

Мы хотим, чтобы при создании данных о месте на стороне администратора, скажем, место № 10в мезонине мы хотим создать способ для этого пути идентифицировать себя с этим конкретным местом # и перетащить все конкретные данные в подсказку.

Итак, мы хотели бы знать, как построить эти отношениямежду путями координат Рафаэля, которые представляют наши места, с данными о месте в нашей базе данных SQL 2008.

Ответы [ 2 ]

0 голосов
/ 14 февраля 2012

Чтобы закончить комментарий я добавил.Вы сможете кодировать оповещение (this.id);Также см. Функцию Element.data

0 голосов
/ 14 февраля 2012

Вы можете использовать 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"));
         });
}

Используя это, просто сгенерируйте свой идентификатор базы данных так, как вы хотите, а затем добавьте это как метаданные на объект. На mouseover() или любом другом, просто прочитайте идентификатор обратно из элемента.

...