Comment les feux de l'événement après le Drag & Drop sur TreePanel

Comment puis-je utiliser Ext.d'arbre en arbre.ViewDDPlugin événements?

J'ai un TreePanel qui utilise DDPplugin, mais j'aimerais savoir comment écouter de la baisse de l'événement.

C'est ce que mon code ressemble à ceci:

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,

Je tiens à feu goutte d'événements par exemple, mais mon code ne fonctionne pas

Merci 🙂

OriginalL'auteur Mepps | 2011-06-10

  1. 1

    Prendre un coup d'oeil à la doc : 

    beforeinsert( Tree tree, Node parent, Node node, Node refNode, Object options )

    Feux avant un nouvel enfant est inséré dans un nœud de cet arbre, retourne false pour annuler l'insertion. ...

    Pas de feu. Est-ce un arbre auditeur ou un ViewConfig auditeur?
    Vérifier les docs: cet événement est défini sur l'arbre magasin.
    Je pense que le magasin doit pas être responsable pour les événements de l'interface.
    Je ne sais pas si ma réponse toujours pertinente, car la question et la date de réponse à Juin 2010

    OriginalL'auteur Marouane Gazanayi

  2. 10

    J'ai la même question et trouvé cette page.

    Il est à noter dans la documentation, dans la section "événements":
    "Cet événement est déclenché par le biais de l'Arborescence. Ajouter les auditeurs à l'Arborescence de l'objet"

    J'ai essayé de trouvé la méthode de l'arbre.Panneau de classe pour obtenir la vue, mais sans succès. Donc, tout ce que vous devez faire, il suffit de mettre listners bloc dans la configuration de viewConfig section (pas dans la section plugin):

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

            },

    http://docs.sencha.com/ext-js/4-0/#!/api/Ext.d'arbre en arbre.plugin.TreeViewDragDrop-événement-goutte

    C'est que les paramètres corrects? node n'est pas LE nœud de l'arborescence. Ne pouvez pas obtenir le parent de déplacé nœud.

    OriginalL'auteur Anton

  3. 0

    Comme un complément à d'Anton bonne réponse ci-dessus: Le code ci-dessous montre comment connecter de l'extérieur" pour larguer des événements, par exemple à partir d'un Contrôleur etc:

        //Drag & Drop on the TreePanel
    var ganttTreeView = ganttTreePanel.getView();
    ganttTreeView.on({
        'drop': me.onDrop,
        'scope': this
    });;

    OriginalL'auteur fraber

  4. -1

    Vous pourrez également assister à la chute de l'événement en substituant dropConfig à l'intérieur d'un TreeGrid ou TreePanel. Voici un exemple de la façon dont je l'ai fait. 

    var myTree = new Tree.TreePanel({
    id: 'treepanel',
    title: 'My Title',
    enableDD: true,
    ddGroup: 'GridDD',
    dataUrl: 'yourMethodURLForJSONData',
    dropConfig: {
        dropAllowed: true,
        ddGroup: "GridDD",
        notifyDrop: function(source, e, data) {
            alert("A node/leaf is dropped");

            //If you want few more details
            if (data.grid) {
                var node = data.selections[0].data;
                alert("This is a node dropped from a Grid.");
            } else {
                var node = data["node"];
                alert("This is a node dropped from a Tree.");
            }

        }
    }
});​

    Vous pouvez également faire de même pour Ext.ux.d'arbre en arbre.TreeGrid. J'espère que Ça aidera.

    OriginalL'auteur Arifur Rahman