PDA

View Full Version : ExtJS Grid Plugin DragDrop



xisc0
24 Jul 2012, 3:07 AM
Hi All,
I'm trying your ExtJS v4.1.1 product and at the moment I'm a bit stuck working with the functionality DragDrop between two grids - I'm using the listener event beforedrop in one of the grids to do some validations with a AJAX request before dropping the records that the user has selected. what I'm doing is returning to the beforedrop event 0 and then when the AJAX request has finished and I know the result of the validations I use dropFunction - I think this functionality is not working like the API says :(

Here is my code:

var InClassPanel = new Ext.create('Ext.Classing.InClassPanel', {
viewConfig: {
plugins: {
ptype : 'gridviewdragdrop',
dragGroup: 'StudentsInClassDDGroup',
dropGroup: 'StudentsInCourseDDGroup'
},
listeners: {
beforedrop: function(node, data, overModel, dropPosition, dropFunction, eOpts){

//Class the students selected dropped by the user in InClass panel grid
Controller_ClassingSimpleGrid.ClassingDroppedStudents(
SelectedStudentId,
SelectedClassId,
function(result, er){
if (result){
dropFunction();
}
},
{escape:false});
return 0;
}
}
},
renderTo: InClass,
title : 'Students in Class'
});

I've tried returning false in the ExtJS v4.0.7 and is working but I'm getting the animation of the record coming back where it belongs and then if the validation is true, dropFunction(); put the record where it was dropped :( I hope someone can help me!

Cheers,
Xisco