Updated Ext.ux.Exporter for Ext JS 4.x

[ypandey]

To export data from store-based component (grid, tree,..etc) to any format document (csv, excel, ...etc)

Features:

• Save Files on the client-side with the given file name using Blob (Supported by all latest browsers: IE 10+, Chrome, FF, Safari)
• Otherwise open document in a new window or download remotely with server (For older browsers IE 8,9)
• Special Case: to extract value from renderers returing HTML string
• With fixes in Excel Formatter
• fires "start" and "complete" events before and after file save

Demo: https://fiddle.sencha.com/#fiddle/ikd

Github: https://github.com/yogeshpandey009/Ext.ux.Exporter/

Update: changed fiddle from 6st to ikd

[Gary Schlosberg]

Nice! Thanks for sharing your labors with the community.

[ypandey]

@Gary

Note: If fiddle not working, please change the sequence of files in the following order.

1. FileSaver.js
2. Formatter.js
3. csvFormatter/*.js
4. excelFormatter/*.js
5. Exporter.js
6. ExporterButton.js

[Richardmansfield]

Hi! ypandey whether the Ext.ux.Exporter is available for the Ext Js 5.x version if so, please share it here as I am searching hardly the updated plugin for the ExtJs5 version please.

[ypandey]

Hi Richardmansfield,


I made couple of small changes and same fiddle works for Ext JS 5.x

1. removed addEvents in ExporterButton class, as it has been deprecated
2. used Ext.Util.Format.usMoney function instead of "usMoney" string in renderer

Feel free to revert back here. I would be happy to help.

[Soringpenguin]

I want to use this to export to xlsx format. Is this possible? Also the save as xls doesnt work in fiddle for me.

[Footeuz]

Hi,
I use the code :

Ext.Loader.setConfig({
    enabled: true,
    disableCaching: false,
    paths: {
        'Ext.ux.exporter': 'ext/packages/ext-ux/Exporter'
    }
});
Ext.require([
    Ext.ux.exporter.Exporter
]);

to include the library.
But I receive the error message :
TypeError: Ext.ux.exporter is undefined
Ext.ux.exporter.Exporter

The path of what I've downloaded is ext/packages/ext-ux/Exporter/ so I don't understand...

PS : I use the 5.1.0 version of ExtJs

[ypandey]

I want to use this to export to xlsx format. Is this possible? Also the save as xls doesnt work in fiddle for me.

Hi Soringpenguin,

https://fiddle.sencha.com/#fiddle/ikd

I have done minimum changes to make it work on 5.0.1, I have not tested on various scenarios. So feel free to fork the fiddle and notify the changes here!

Hi Footeuz,

Use source code from this fiddle instead, but currently you are facing issue in loading required JS files. Use network log to identify current path.



Thanks
Yogesh

[Footeuz]

Thanks.
In fact I didn't put the config code in the right file.
You have to put it in app.js and not in the view.
It works fine now.

Is there a solution to change the column head title in excel file ?
Because I only have the Model store fields name.

[Footeuz]

The exporter doesn't work with IE9
My clients only have IE
Did someone allready have this problem ?