extjs - 在 TreePanel 上拖放后如何触发事件

Question

如何使用 Ext.tree.ViewDDPlugin 的事件？

我有一个使用 DDPplugin 的 TreePanel，但我想知道如何监听 drop 事件。

这是我的代码的样子:

var monPretree = Ext.create('Ext.tree.Panel',{
            id : 'treepanel',
            title : 'TITRE',
            //width : 800,
            //height : 600,
            width : 500,
            enableDD: true,
            useArrows : true,
            viewConfig : {
                plugins : {
                    ptype: 'treeviewdragdrop',     
                      appendOnly: true,     
                      listeners: {       
                        drop: function (node, data, overModel, dropPosition) {         
                              alert('CHANGE');       
                        },       
                        notifyDrop: function (dragSource, event, data) {         
                              var nodeId = data.node.id;         
                              alert(nodeId);       
                        },       
                        notifyOver: function (dragSource, event, data) {         
                            alert('over');
                        }     
                    }   
                }

            },
            singleExpand : false,
            store : monPrestore,
            rootVisible : false,

例如，我想触发 drop 事件，但我的代码不起作用

谢谢 :)

Answer 1

我有同样的问题，找到了这个页面。

文档中有注释，在事件部分:
“此事件是通过 TreeView 触发的。将监听器添加到 TreeView 对象”

我试图在 tree.Panel 类中找到方法来获取 View ，但没有成功。因此，您需要做的就是将listners 块放在viewConfig 部分(而不是插件部分)的配置中:

viewConfig : {
                plugins : {
                    ptype: 'treeviewdragdrop',     
                    ...
                },
                listeners: {       
                        drop: function (node, data, overModel, dropPosition) {         
                              alert('CHANGE');       
                        },         
                    }   
                }

            },

http://docs.sencha.com/ext-js/4-0/#!/api/Ext.tree.plugin.TreeViewDragDrop-event-drop