Перетащите изображения в EXTJS TreePanel и TreeNode

Question

У меня есть ExtJs TreePanel, в которой я установил enableDrop как true и установил свойство ddGroup для одной из групп. У меня есть другой вид ExtJs, откуда мне нужно перетаскивать изображения. И я знаю, что для этого определена ddGroup media

Однако перетаскивание никогда не происходит. Это мой фрагмент кода:

var treePanel = new Ext.tree.TreePanel({
 "id": "myTree",
 "lines": true,
 "animate": true,
 "enableDrop": true,
 "enableDrag": false,
 "ddGroup": "media",
 "containerScroll": true,
 "autoScroll": true,
 "split": true,
 "stateful": true,
 "renderTo": "treeStruc",
 "loader": //my loader,
 "root": new Ext.tree.AsyncTreeNode(treeRootConfig),
 "dropConfig": {
  "ddGroup": 'media'
 },
 "listeners": { 
  "nodedrop": function(e) {   
   //do the check
  }
 }                    
});

Есть ли что-нибудь еще, что нужно сделать?

Спасибо.

Answer 1

Хотя в документации говорится, что nodedrop запускается, когда «объект DD» отбрасывается на узел дерева, источник, похоже, указывает, что он все еще ожидает действительный узел.

Для реализации перетаскиванияперетаскивание из представления в дерево, я полагаю, что вам придется инициализировать свой собственный TreeDropZone для обработки отброшенных элементов DD, которые не являются совместимыми с деревьями узлами.

Этот пример: http://dev.sencha.com/deploy/dev/examples/dd/dragdropzones.html показывает нечто подобное (хотяявляется представлением для сетки перетаскиванием), но вам, вероятно, придется использовать экземпляр TreeDropZone, где они использовали прямой объект Ext.dd.DropZone.

Кроме того, убедитесь, что ваш исходный види целевое дерево совместно используют одну и ту же группу ddGroup - хотя я думаю, что вы упомянули, что они делают.

Надеюсь, это в любом случае полезно!