如何使用Ext JS删除元素的可拖放性？

Question

我有一个div，我想让它变得可拖动或不可拖动，这取决于我的页面上其他内容的状态。我似乎可以很容易地让它成为可拖拽的，但我似乎不知道如何最好地从div中删除可拖拽。

我正在使用以下命令使其可拖动：

var dd = Ext.create('Ext.dd.DDProxy', mydiv, 'myDDGroup', { isTarget: false });

然后，我尝试通过删除它所属的唯一组来删除可拖放性

dd.removeFromGroup('myDDGroup');

并使用以下命令销毁dd对象

delete dd;

这两个似乎都不能真正阻止我开始拖拽元素。我想我应该能够以某种方式使用b4Drag覆盖，在div开始之前简单地取消它的拖动，而不是切换div的可拖动状态，但是我似乎找不到关于如何在b4Drag调用期间取消拖动的文档。

那么，在我已经将div设置为可拖动之后，如何使其不可拖动呢？

Answer 1

似乎对我很管用。

这是JSFiddle http://jsfiddle.net/01gx33h0/

var dd = Ext.create('Ext.dd.DDProxy', 'test123', 'myDDGroup', { isTarget: false });
Ext.fly('btn123').on('click', function() {
  dd.removeFromGroup('myDDGroup');
});

你能给我它不能工作的示例代码吗？使用的是什么版本的ExtJ？

Answer 2

你必须取消注册。不是removeFromGroup。它只是从组中删除。但不会删除该元素上的事件。

dd.unreg();

https://fiddle.sencha.com/#fiddle/1eun

Answer 3

在查看需要拖动的特定内容时，您可能会考虑允许拖动是用户所期望的，为了一般的易用性，您可以尝试ondragstart="return，它可以附加到您的图像或链接，如：

<a ondragstart="return false" href="#link">link</a>。