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

【问题标题】：How to create new draggable component when mouse clicked in ExtJS?在 ExtJS 中单击鼠标时如何创建新的可拖动组件？
【发布时间】：2023-06-10 16:44:01
【问题描述】：

我是 ExtJS 和 Javascript 的新手。单击某个组件时，我想创建一个新组件。但是，虽然 mouseUp（鼠标未释放）创建的组件必须可以通过鼠标移动进行拖动。我写了一些代码，但当然这是行不通的。在这段代码中，我在“”标签内创建了虚拟文本。单击此文本时，我想创建该文本的副本并将创建的文本拖放到页面中的任何位置。我怎样才能做到这一点？有人有想法吗？

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

【问题讨论】：

标签： javascript extjs drag-and-drop draggable

【解决方案1】：

您使用的是哪个版本的 ExtJ？ 3 和 4 版本创建 DD 的方式不同。

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

【讨论】：