如何使用Ext JS从元素中删除可拖动性？

Question

我有一个div，我想使拖动与否，取决于一些其他的东西我的页面上的状态。我似乎可以轻松地将其拖动，但我似乎无法弄清楚如何最好地从div中删除可拖动性。

我使其可拖动用：

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

而且我一直在努力，然后通过移除只组中删除draggability它的

dd.removeFromGroup('myDDGroup'); 

一员，只是破坏dd对象与

delete dd; 

这些都似乎实际上让我从s对元素进行拖拽。我怀疑我应该能够使用b4Drag覆盖以某种方式简单地取消我的div一拖之前就开始，而不是在所有拨动div的可拖动的状态，但我似乎无法找到如何文档我可能会在拨打b4Drag时取消拖动。

所以，我怎样才能使一个div undraggable后，我已经说可拖动？

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

你能给我在那里没有工作的示例代码。什么版本的ExtJs正在使用？

Answer 2

你必须UNREG。不是removeFromGroup。 它只是从组中删除。但是这个元素并没有消除事件。

dd.unreg(); 

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

Answer 3

当一些特定的需要拖动的时候，您可能认为允许拖拉东西的用户期望的，使用的一般轻松，你可以尝试ondragstart="return，这可能被追加你的图像或链接，像这样：

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