Discussion :

[Bruno13]

Bonjour à tous,

J'ai un problème de Drag'n Drop que je n'arrive pas à résoudre.

J'ai une Grid dans laquelle j'utilise le DnD pour ré-ordonner les lignes.
J'utilise un Template pour mettre en forme des data.
Dans ce template j'ai un href. Hélas avec le href, le DnD ne fonctionne plus si je drag la partie texte du href.

Le code ci-dessous est celui d'une personne qui a le même problème que moi mais hélas
le thread est sans réponse: Fiddle

On voit que si on enlève le href="#" dans le tpl cela fonctionne, sinon non.

J'ai essayé de "jouer" avec les invalidHandleTypes, invalidHandleClasses mais hélas sans résoudre le problème.

Auriez vous une idée ?

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
Ext.create('Ext.data.Store', {
    storeId:'simpsonsStore',
    fields:['name'],
    data: [["Lisa"], ["Bart"], ["Homer"], ["Marge"]],
    proxy: {
        type: 'memory',
        reader: 'array'
    }
});
 
Ext.create('Ext.grid.Panel', {
    store: 'simpsonsStore',
    columns: [
        {xtype: 'templatecolumn', header: 'Name',  dataIndex: 'name', flex: true, tpl: new Ext.XTemplate(
                	 '<tpl><a href="#">{name}</a></tpl>' ) }
    ],  
 
    viewConfig: {
        plugins: {
            ptype: 'gridviewdragdrop',
            dragText: 'Drag and drop to reorganize'
        }
    },
    height: 200,
    width: 400,
    renderTo: Ext.getBody()
});

[Bruno13]

Dans mon cas et grâce aux informations du Thread ayant le même problème, j'ai ajouté dans le onAfterRender
de ma grille la ligne suivante et cela fonctionne !!!

Code :

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

1
2
3
    onGridAfterRender: function() {
        this.getRefinfpatentgrid().getView().getPlugin('mydndgridPatent').dragZone.invalidHandleTypes = {};
    },

où mydndgridPatent est le pluginId