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

时间:2013-12-24 14:26:27

标签: javascript extjs drag-and-drop draggable

我是ExtJS的新手,也是Javascript的新手。 我想在单击某个组件时创建一个新组件。但是当mouseUp(鼠标未释放)创建的组件必须可以通过鼠标移动拖动。我写了一些代码,但当然这不起作用。在这段代码中,我在“< p>”中创建了虚拟文本标签。单击此文本时,我想创建该文本的副本并拖动创建的文本并将其放在页面中的任何位置。我怎样才能做到这一点?有人有想法吗?

    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();
    }

1 个答案:

答案 0 :(得分:0)

您使用的是什么版本的ExtJ? 3和4版本有不同的创建DD的方式。

以下是ExtJs 3.4的一些示例。 http://dev.sencha.com/deploy/ext-3.4.0/examples/#sample-14