Manipuler les ligne d'un grid extjs
Tsunami Chups
Messages postés
237
Statut
Membre
-
md2sty -
md2sty -
Bonjour,
Je suis charger de réaliser une grid (avec store) et possibilité de manipuler les ligne de donnée.
En gros il doit etre possible de faire un drag and drop et de les placer entre deux lignes deja présente dans la grid (monter ou desendre la ligne de position )
est ce que quelqu'un a deja eu ca a faire et si oui je veu bien savoir comment vous avez fait.
Je vous laisse a disposition de mon code drag and drop qui me permet de passer les donner de la grid 1 a la 2 et inversement si ca vous inspire un modification pour mon petit soucis
Je vous en remercie d'avance
--
On ne devrais jamais dire impossible avant d'avoir essayé.
L'étroitesse d'esprit est le pire des défaut
Tan qu'a mourir autant que ce soit en faisant ce qui me plait
Je suis charger de réaliser une grid (avec store) et possibilité de manipuler les ligne de donnée.
En gros il doit etre possible de faire un drag and drop et de les placer entre deux lignes deja présente dans la grid (monter ou desendre la ligne de position )
est ce que quelqu'un a deja eu ca a faire et si oui je veu bien savoir comment vous avez fait.
Je vous laisse a disposition de mon code drag and drop qui me permet de passer les donner de la grid 1 a la 2 et inversement si ca vous inspire un modification pour mon petit soucis
//deplacement de la grid droite vers la grid gauche
var firstGridDropTargetEl = firstGrid.getView().scroller.dom;
var firstGridDropTarget = new Ext.dd.DropTarget(firstGridDropTargetEl, {
ddGroup : 'firstGridDDGroup',
notifyDrop : function(ddSource, e, data){
var records = ddSource.dragData.selections;
Ext.each(records, ddSource.grid.store.remove, ddSource.grid.store);
firstGrid.store.add(records);
secondGrid.store.remove(records);
firstGrid.store.sort('name', 'ASC');
return true
}
});
//deplacement de la grid gauche vers la grid droite
var secondGridDropTargetEl = secondGrid.getView().scroller.dom;
var secondGridDropTarget = new Ext.dd.DropTarget(secondGridDropTargetEl, {
ddGroup : 'secondGridDDGroup',
notifyDrop : function(ddSource, e, data){
var records = ddSource.dragData.selections;
Ext.each(records, ddSource.grid.store.remove, ddSource.grid.store);
secondGrid.store.add(records);
//secondGrid.store.insert('',records);
secondGrid.store.sort('pos', 'ASC');
return true
}
});
Je vous en remercie d'avance
--
On ne devrais jamais dire impossible avant d'avoir essayé.
L'étroitesse d'esprit est le pire des défaut
Tan qu'a mourir autant que ce soit en faisant ce qui me plait
Configuration: Windows XP Firefox 3.5
A voir également:
- Manipuler les ligne d'un grid extjs
- Partager photos en ligne - Guide
- Mètre en ligne - Guide
- Apparaitre hors ligne instagram - Guide
- Formulaire en ligne de meta - Guide
- Comment supprimer une ligne dans un tableau word - Guide
6 réponses
Pour ceux que sa pourrai aider, voila la solution
new Ext.dd.DropTarget(gridTemp.getView().scroller.dom, {
ddGroup : gridTemp.ddGroup,
notifyDrop : function(ddSource, e, data)
{
var records = ddSource.dragData.selections;
Ext.each(records, ddSource.grid.store.remove, ddSource.grid.store);
index = gridTemp.getView().dragZone.getDragData(e).rowIndex;
if (index == undefined) {
index = 0;
}
gridTemp.getStore().insert(index,records);
gridTemp.getView().refresh();
ddSource.grid.getView().refresh();
return true;
}
});
new Ext.dd.DropTarget(gridTemp.getView().scroller.dom, {
ddGroup : gridTemp.ddGroup,
notifyDrop : function(ddSource, e, data)
{
var records = ddSource.dragData.selections;
Ext.each(records, ddSource.grid.store.remove, ddSource.grid.store);
index = gridTemp.getView().dragZone.getDragData(e).rowIndex;
if (index == undefined) {
index = 0;
}
gridTemp.getStore().insert(index,records);
gridTemp.getView().refresh();
ddSource.grid.getView().refresh();
return true;
}
});
Petit up pour illustrer un peu ma demande
http://www.extjs.com/examples/#reorderinggrid
s'est ce que je desire pouvoir faire, mais je n e vois pas tres bien comment ca a été réaliser meme avec le code source
http://www.extjs.com/examples/#reorderinggrid
s'est ce que je desire pouvoir faire, mais je n e vois pas tres bien comment ca a été réaliser meme avec le code source
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question