Grid.RowEditor update: "form.getAttribute is not a function"

[Valetudo]

Hi!

This grid fire a "form.getAttribute is not a function" error message when i hit the update button.

/*Ext JS Library 3.0.3*/

ext-all-debug.js (line 36200)

 if (this.fireEvent('beforecall', this, t) !== false) {
    Ext.Direct.addTransaction(t);
    var isUpload = String(form.getAttribute("enctype")).toLowerCase() == 'multipart/form-data',

Shop.Types.GridDatas = Ext.extend(Ext.grid.GridPanel, {
    title: 'Multi Language Datas',
    margins: '0 5 5 5',
    viewConfig: {
        autoFill: true
    },
    stripeRows: true,

    initComponent: function () {
        var writer = new Ext.data.JsonWriter({
            encode: false
        });
        var ds = new Ext.data.DirectStore({
            api: {
                read: Type.Details,
                create: Type.Create,
                destroy: Type.Delete,
                update: Type.Update
            },
            writer: writer,
            paramsAsHash: true,
            paramOrder: 'id',
            baseParams: {
                id: 0
            },
            root: 'data',
            idProperty: 'Id',
            totalProperty: 'total',
            fields: [{
                name: 'typed_id',
                type: 'int'
            },
            {
                name: 'lang_id',
                type: 'int',
                mapping: 'lang_id'
            },
            {
                name: 'language',
                type: 'string',
                mapping: 'language.language_short'
            },
            {
                name: 'type_name',
                type: 'string'
            },
            {
                name: 'type_name_flural',
                type: 'string'
            }],
            remoteSort: false
        });

        var editor = new Ext.ux.grid.RowEditor({
            saveText: 'Update'
        });

        var config = {
            store: ds,
            plugins: [editor],
            autoExpandColumn: 'blank',
            columns: [
            new Ext.grid.RowNumberer(), {
                header: 'Language',
                dataIndex: 'language',
                width: 85,
                align: 'center'
            },
            {
                header: 'Name',
                dataIndex: 'type_name',
                width: 200,
                editor: {
                    xtype: 'textfield',
                    allowBlank: false
                }
            },
            {
                header: 'Name Flural',
                dataIndex: 'type_name_flural',
                width: 200,
                editor: {
                    xtype: 'textfield',
                    allowBlank: false
                }
            },
            {
                id: 'blank',
                dataIndex: ''
            }]
        };

        Ext.apply(this, Ext.apply(this.initialConfig, config));

        Shop.Types.GridDatas.superclass.initComponent.apply(this, arguments);
    },

    loadDatas: function (id) {
        this.getStore().setBaseParam('id', id);
        this.getStore().reload();

        Shop.Types.GridDatas.superclass.afterRender.apply(this, arguments);
    }
});

With this code -> console : "create",.....

api: {
    read: Type.Details,
    create: function (params, proxy) {
        console.log("create", params);
    },
    destroy: Type.Delete,
    update: function (params, proxy) {
        console.log("update", params);
    }
}

What is wrong with my code?

Sorry for my English!

Thx!

[aconran]

Looks like you have formHandler set to true on your Ext.Direct api (on the server-side).

Ext is trying to submit a form that doesn't exist.