[Users] Adding CSV upload browse button to Ext.Action

[Smaran Harihar]

Hi,

I am trying to create a CSV File upload on GeoExt Map App.

I need to place the upload function within the Ext.Action, so that I can
add it to the toolbar of the GeoExt Panel. I am trying to implement this
example <http://docs.sencha.com/ext-js/4-1/#!/api/Ext.form.field.File>.
Here is my code,

    action = new Ext.Action({
            text: "Upload Excel",
            control: new Ext.create('Ext.form.Panel', {
    title: 'Upload a CSV File',
    width: 400,
    bodyPadding: 10,
    frame: true,
    renderTo: Ext.getBody(),
    items: [{
    xtype: 'filefield',
    name: 'csv',
    fieldLabel: 'CSV Upload',
    labelWidth: 50,
    msgTarget: 'side',
    allowBlank: false,
    buttonText: 'Select CSV File'
    }],

    buttons: [{
    text: 'Upload',
    handler : function() {
    var form = this.up('form').getForm();
    if(form.isValid()){
    form.submit({
    url: 'file-upload.py',
    waitMsg: 'Uploading the CSV File...',
    success: function(fp, o) {
    Ext.Msg.alert('Success', 'Your csv file "' + o.result.file + '" has
been uploaded.');
    }
    });
    }
    }
    }]
    }),
    map: map,
            // button options
            tooltip: "Upload CSV File",
            // check item options
            group: "newTool"
        });
        actions["upCSV"] = action;
        toolbarItems.push(action);

Firebug keeps giving me this error,

`TypeError: b[d.xtype || e] is not a constructor`

Am I declaring the function incorrectly within the Ext.Action?

-- 
Thanks & Regards
Smaran Harihar
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://www.geoext.org/pipermail/users/attachments/20120920/b9b154c1/attachment.htm