Hi All,

I am using below code to render two circles on screen. circles render correctly.

I would like to drag these circles how i can do this, i spent 2 days finding things so far.

It seems sencha touch 2.1.1 doesn't support any event to drag these.

Code:
Ext.Loader.setConfig({
    enabled: true,
    paths: {
        'Ext': 'sencha'
    }
});
 Ext.application({
    name: 'App',
    launch: function() {
        init();
    }
});

 function init() {
    var drawComponent = new Ext.draw.Component({
        background: 'green',
        width: 300,
        height: 300
    });
     var leftPanel = new Ext.Panel({
        fullscreen: true,
        padding: 10,
        width: 300,
        height: 300
    })
     leftPanel.add(drawComponent);
     var myCircle1 = drawComponent.getSurface().add({
        type: 'circle',
        x: 10,
        y: 10,
        radius: 10,
        fill: '#cc5'
    });
     var myCircle2 = drawComponent.getSurface().add({
        type: 'circle',
        x: 30,
        y: 10,
        radius: 10,
        fill: '#cc5'
    });
}
Thanks