Создание связи между путем Рафаэля и идентификатором базы данных

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

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

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

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

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


javascript svg json raphael object-relationships
person Ali    schedule 14.02.2012    source источник
comment
Когда вы создаете место, вы можете применить идентификатор к объекту. Когда вы впоследствии взаимодействуете с ним, обработчик действий, который вы применили, будет знать, что такое I'd.   -  person Chasbeen    schedule 14.02.2012

Ответы (2)


arrow_upward
0
arrow_downward

Вы можете использовать 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() или где-то еще просто прочитайте идентификатор из элемента.

person Bill    schedule 14.02.2012

arrow_upward
0
arrow_downward

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

person Chasbeen    schedule 14.02.2012