Javascript 如何在ExtJS中单击鼠标时创建新的可拖动组件？

我对ExtJS和Javascript都是新手。 我想在单击某个组件时创建一个新组件。但是，虽然鼠标未释放，但创建的组件必须可以通过鼠标移动拖动。我写了一些代码，但这当然不起作用。在这段代码中，我在标记内创建了虚拟文本。单击此文本时，我希望创建该文本的副本，并将创建的文本拖动到页面中的任何位置。我该怎么做？有人有主意吗

    var dummy_text_comp = Ext.getCmp('dummy_text');
    dummy_text_comp.on('click',handleDrag());
    function handleDrag (){
        var dummy_text_copy = Ext.create('Ext.Component', {
            autoEl : {
                html : 'This is dummy text',
                tag : 'h1'
            },
            draggable : true;
        });
        dummy_text_copy.originalXY = dummy_text_comp.getXY();
    }

---

您使用的是什么版本的ExtJs？3和4版本有不同的创建DD的方法

下面是ExtJS3.4的一些示例。