EXTJS 3.4 DropTarget

[Casshern]

Bonjour,
Je parviens à gérer le Drag&Drop d’un GridPanel sur lui-même , d’un GridPanel vers un autre GridPanel mais je ne parviens pas à faire cohabiter les deux fonctionnalités.
Lorsque je déplace un élément du Grid02(dont le ddGroup est 'Grid02') vers le Grid01(dont le ddGroup est 'Grid01'),on passe par le DropTarget que j’ai dédié pour le Drag&Drop du Grid01 sur lui-même (fonction définie ci-dessous).

Code :

1
2
3
4
5
6
7
8
9
10
 
getGridDropTarget : function(){
	return new Ext.dd.DropTarget(Grid01.getView().mainBody, {
        ddGroup    :  'Grid01'
        ,notifyDrop : function(pDragSource, pEvent, pData){
		// Pourquoi on passe par ici sachant que:
		//groups du DropTarget ={'Grid01':true}	
		//pDragSource.ddGroup = 'Grid02'
	}
});

Ne puis-je pas dédier un DropTarget uniquement pour le Drag&Drop du Grid01 sur lui-même et un DropTarget uniquement pour le Drag&Drop du Grid02 vers le Grid01?
Pour l'instant,je suis obligé de gérer comme indiqué ci-dessous,mais je n’apprécie pas cette méthode.

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
getGridDropTarget : function(){
	return new Ext.dd.DropTarget(Grid01.getView().mainBody, {
        ddGroup    :  'Group01'
        ,notifyDrop : function(pDragSource, pEvent, pData){
				switch(true) {
 					case (pDragSource.ddGroup == 'Grid01'):
// 						gestion 01
  						break;
 					case (pDragSource.ddGroup == 'Grid02'):
// 						gestion 02
 						break;
 					default:
				}
				return(true);
		}
	});
}

[abraxis]

Bonjour,

Si je comprend bien tu essais de mettre en place un DD du tableau 1 vers le tableau 2 et du tableau 2 vers le tableau 1 ?

[Casshern]

Bonjour Abraxis.
Non,j'essaye de mettre en place un DD du tableau 2(=dont le ddGroup='Grid02') vers le tableau 1(=dont le ddGroup='Grid01') et un DD du tableau 1 sur lui-même (afin de réordonner les lignes du tableau) .

J'ai crée un DropTarget DT1 pour la réception du DD du tableau 1 sur lui-même , dont voici le code:

Code :

1
2
3
4
5
6
 
Ext.dd.DropTarget(Grid01.getView().mainBody, {
    ddGroup    :  'Grid01'
    ,notifyDrop : function(pDragSource, pEvent, pData){
// gestion DD du tableau 1 sur lui-même this.groups={'Grid01':true}
}

et un autre DT2 pour la réception du DD du tableau 2 vers le tableau 1,dont voici le code:

Code :

1
2
3
4
5
6
 
Ext.dd.DropTarget(Grid01.getView().mainBody, {
    ddGroup    :  'Grid02'
    ,notifyDrop : function(pDragSource, pEvent, pData){
// gestion DD du tableau 1 vers tableau 2 this.groups={'Grid02':true}
}

Je ne sais pas pourquoi le DT1 s'exécute lorsque je DD du tableau 2 vers le tableau 1 alors que le DT2 avait conçu pour cela.