Discussion :

[Bruno13]

Bonjour tout le monde,

Je n'arrive pas à trouver un exemple en MVC pour faire un Drag'n Drop depuis une Grid vers un Textarea ?

Je ne comprends pas dans l'exemple de Sencha comment appliquer ce qu'ils font à mon code en modèle MVC ?

Auriez un petit exemple ?

D'avance merci !

Ma Grid contient le code ci-dessous, je vois bien le Drag se faire mais je ne sais pas comment faire le Drop

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
....
enableDragDrop:     true,
                viewConfig: {
                    stripeRows      : true,
                    emptyText       : 'No Record Found',
                    deferEmptyText  : false,
                    forceFit        : true,
                    plugins: {
                        ddGroup     : 'gridApp',
                        ptype       : 'gridviewdragdrop',
                        dragText    : 'Drop to refine area !'
                    },
                    listeners: {
                        drop: function(node, data, dropRec, dropPosition) {
                            var dropOn = dropRec ? ' ' + dropPosition + ' ' + dropRec.get('name') : ' on empty view';
                            Ext.example.msg('Drag from Grid to TextArea', 'Dropped ' + data.records[0].get('name') + dropOn);
                        }
                    }
                },
.....

[Bruno13]

voici ce que j'ai fait dans le form qui contient mon textareafield et ça fonctionne !

mais bon je suis pas sûr que cela soir la meilleur solution, en attendant que je comprenne mieux le Drag'nDrop de ExtJS4 c'est déjà bien

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
 
,
                listeners: {
                    render: function(textarea){
 
                        var dropTarget = new Ext.dd.DropTarget(textarea.body, {
                            ddGroup     : 'ddgridSlave',
                            copy        : false,
                            //overClass   : 'over',
                            notifyEnter: function(ddSource, e, data) {
                                //Add some flare to invite drop.
                                textarea.body.stopAnimation();
                                textarea.body.highlight();
                            },
                            notifyDrop: function(dragSource, event, data){
                                if(data.records && event.getTarget().name === 'taRefine'){
                                    var foo = '';
                                    for(var i = 0; i < data.records.length; i++) { 
                                        var r = data.records[i];
                                        if (foo === '') {
                                            foo = r.get('name');
                                        } else
                                        {
                                            foo = foo + ' ' + r.get('name');
                                        }
                                    }
                                    Ext.getCmp('taRefine').setValue(foo);
 
                                    Ext.example.msg('You add to the refine Area', 'Dropped ' + foo);
                                }
                                return true;
                            }
                        });
                    }
                },
...