grid panel Drag and drop error

[blacksword888]

Hi,
I'm using this Example of drag and drop
http://ext4all.com/post/extjs-4-grid-drag-and-drop-rows-reordering

but when i start to drag, i get this error :
Uncaught TypeError: undefined is not a functionext-debug.js:12010

here is my code:

Ext.require([
    'Ext.grid.*',
    'Ext.data.*',
    'Ext.dd.*'
]);


Ext.application({
    name: 'Admin',
    appFolder: 'app',


    launch: function() {


        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: [
                {header: 'Name',  dataIndex: 'name', flex: true}
            ],
            viewConfig: {
                plugins: {
                    ptype: 'gridviewdragdrop',
                    dragText: 'Drag and drop to reorganize'
                }
            },
            height: 200,
            width: 400,
            renderTo: Ext.getBody()
        });
    }
}); 

thank you !

[mitchellsimoens]

What Ext JS 4.x.x version are you using? I just tried your code with 4.2.0 and I do not get any errors.