Records draggable with in a grid..

[charan@dev.com]

Team, I want the records in the grid to be dragged up and down..

Here, is my code:


var myData = {
records : [
{name:'Charan'},
{name:'Balaji'},
{name:'Ravi'}
]

};


var fields = [
{name: 'name', mapping : 'name'}
];

// create the data store
var firstGridStore = new Ext.data.JsonStore({
fields : fields,
data : myData,
root : 'records',

});


// Column Model shortcut array
var cols = [
{id : 'name', header: "Requirement Name", width: 200, sortable: true, dataIndex: 'name',flex:true}
];


// declare the source Grid
var firstGrid = new Ext.grid.GridPanel({
ddGroup : 'secondGridDDGroup',
store : firstGridStore,
columns : cols,
enableDragDrop : true,
collapsible : true,
stripeRows : true,
autoExpandColumn : 'name',
width : 400,
region : 'west',
title : 'Phase',
viewConfig: {
plugins: {
ptype: 'gridviewdragdrop',
dragText: 'Drag and drop to reorganize'
}
}

});


Before I posted the same ques. I gone through this link , but cannot sort it out.
http://docs.sencha.com/ext-js/4-0/#!/api/Ext.grid.plugin.DragDrop

Can anyone help me in getting this functionality...

[charan@dev.com]

I am using extjs 3.0, but the example in the link is Extjs 4.0..

I dont know what to do. Please guide me...