Drag and Drop, Grids, MVC
 

Здравствуйте. У меня есть два грида. В одном из них есть данные, в другом нету. Я хотел бы сделать так, чтобы был возможен драг'н'дроп. Когда я писал код в один файл, то использовал такой синтакс:

var secondGrid = Ext.create('Ext.grid.Panel', {
        viewConfig: {
            plugins: {
                ptype: 'gridviewdragdrop'
            },
            listeners: {
                drop: function(node, data, dropRec, dropPosition) {
                    var dropOn = dropRec ? ' ' + dropPosition + ' ' + dropRec.get('name') : ' on empty view';
                    Ext.example.msg("Drag from left to right", 'Dropped ' + data.records[0].get('name') + dropOn);
                }
            }
        },
        store            : secondGridStore,
        columns          : columns,
        stripeRows       : true,
        title            : 'Second Grid',
        margins          : '0 0 0 5'
    });

У меня все работало. Но мне нужна структура MVC, и поэтому мне надо понять, откуда взять значения 'node', 'data', 'dropRec' и 'dropPosition'. Прочитал на сайте вот это, но все равно не понятно, что такое, к примеру, htmlelement и как его получить: "node : HTMLElement
The GridView node if any over which the mouse was positioned. data : Object
The data object gathered at mousedown time by the cooperating DragZone's getDragData method. overModel : Ext.data.Model
The Model over which the drop gesture took place.
dropPosition : String
"before" or "after" depending on whether the mouse is above or below the midline of the node." Подскажите пожалуйста, как в контроллере грида это все правильно описать, чтобы работал драг'н'дроп. Спасибо заранее.