Dojo gfx group - событие onMoved и получение по идентификатору
Я работаю над каркасным проектом и использую dojo gfx для создания фигур. На данный момент, это то, где я застрял. Я создаю группу gfx (после создания поверхности) и добавляю 2 маленьких кружка (например, точку) к группе. Группа GFX. Подвижная.
Теперь у меня есть 2 проблемы:
1) Как мне подключиться к событию "onMoved" группы gfx, когда группа перетаскивается и перемещается? 2) Как мне получить доступ к кругу внутри группы gfx, чтобы получить ее форму? Есть ли способ, которым я могу установить Id для группы и получить к нему доступ, как dom.byId()? Или какие-либо альтернативы / обходные пути?
Я думал, что кто-то столкнется с подобной ситуацией, и подумал, что мне здесь может помочь
Благодарю.
Вот пример кода, вы можете предположить, что я потребовал все необходимые модули и необходимые элементы HTML доступны.
var container = dojo.byId("devicesTarget");
var surface = dojox.gfx.createSurface(container, 800, 400);
var group = surface.createGroup();
var _m1 = new gfxMoveable(group);
var circle1 = surface.createCircle({cx: 100, cy: 100, r: 3}).setStroke("green").setFill("white");
var circle2 = surface.createCircle({cx: 400, cy: 400, r: 3}).setStroke("red").setFill("white");
group.add(circle1);
group.add(circle2);
dojo.connect(_m1, "onMoved", function(ARG1){
//This code never gets executed!
console.log("ABC Hurray: The group was moved");
});
dojo.connect(group.getEventSource(), "onMoved", function(ARG1){
//This code never gets executed either!
console.log("XYZ Hurray: The group was moved");
});
dojo.connect(group.getEventSource(), "onmousemove", function(ARG1) {
//This code gets executed successfully after the entire group is moved and onmousemove is triggered. However, I am not getting the recent shape of the circles.
//I always get the initial shape of the circles! :(
var circShape1 = circle1.getShape();
var circShape2 = circle2.getShape();
console.log("circShape1 :", circShape1);
console.log("circShape2 :", circShape2);
});