How to add dag and drop listener to Ext.draw.Sprite?

[mrsunshine]

Hi,

i like to drag and drop Ext.draw.Sprite's on a surface.

var dC = Ext.create('Ext.draw.Component', {
			height : 500,
			width : 500,
			style : 'background: #fff;'
		});
		view.add(dC);

		var sprite = dC.surface.add({
			type: 'circle',
			fill: '#ff0',
			radius: 50
		});
		dC.surface.renderFrame();

		sprite.on({
			'click' : function() {
				console.log(arguments);
			},
			'drag' : function() {
				console.log(arguments);
			},
			'touchstart' : function() {
				console.log(arguments);
			}
		});

i got render the canvas but i get no events from the sprit.

in the draw guide is an example

// Add a touch listener to the sprite
myCircle.addListener('touchstart', function() {
    alert('touchstarted!');
});

Does anyone succesfully listen on sprite events?

[mitchellsimoens]

A sprite doesn't have an element, the surface gets the information from the sprite to draw the item so therefore the sprite won't have interactions, just the surface.

[mrsunshine]

so what do you suggest to do if you want to have several sprites/images which should be positioned by drag and drop on a canvas / surface

[tonylsg]

so , I also want to know how to do that .
drawComponent.addListener('mouseup', function() { alert('mouse upped!');
});

the drawComponent works fine with the event . how to make a sprite with animation and event listeners?

[ToRoll]

+1
Hi,
I'm also kindly like to ask for any hint on how to get events (e.g. "click") catched from sprites (esp. with ST2.1.0 beta3).
Don't have a clue on how to get it via surface.

Thanks for any hint on this.
Torben