Drag depuis une Grid -> Drop dans Textarea ?

.... 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); } } }, .....

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:

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;
                            }
                        });
                    }
                },
...