1 //<script type="text/javascript">
4 * Handles file downloads in a hidden frame, or new window.
7 var t = new Pman.Download({
8 url: baseURL + '/Images/Download/0/myfile.jpg',
12 success : function() {
13 Roo.MessageBox.alert("File has downloaded");
20 * @param {Object} cfg Configuration object.
21 * @cfg {Object} params params to send
22 * @cfg {String} url Location to download from.
23 * @cfg {String} method (GET|POST) GET or POST (default GET), POST will create a form, and post that into the hidden frame.
24 * @cfg {Boolean} newWindow (optional) download to new window
25 * @cfg {String} doctype (optional) download PDF to new window
26 * @cfg {Boolean} limit (optional) limit for grid downloads.
27 * @cfg {Boolean} showDownloading default false - show a dialog indicating that the file is downloading
28 * @cfg {String} csvCols - use '*' to override grid coluns
29 * @cfg {String} csvTitles - use '*' to override grid coluns
30 * @cfg {String} hiddenCols - default 'show' (use 'hide' to not display them on download)
33 * @cfg {Function} success (optional) MAY fire on download completed (fails on attachments)..
34 * @cfg {Number} timeout (optional) in milliseconds before it gives up (default 30000 = 30s)
35 * @cfg {Roo.grid.Grid} grid (optional) if you want to just download a grid, (without renderers..)
39 Pman.Download = function(cfg)
55 if (this.newWindow && this.method == 'GET') {
56 // as ie seems buggy...
57 window.open( this.url + '?' + Roo.urlEncode(this.params || {}), '_blank');
64 //this.submit = false;
65 //this.createCsvFrame();
69 //Roo.EventManager.on( this.csvFrame, 'load', this.onLoad, this);
73 this.method = this.method || 'GET';
75 if (this.method == 'GET' && !this.params) {
79 this.createCsvFrame();
80 //Roo.EventManager.on( this.csvFrame, 'load', this.onLoad, this);
82 this.csvFrame.src = cfg.url;
83 //this.cleanup.defer(cfg.timeout || 30000,this);
91 Roo.log("creating form?");
93 this.form = new FormData();
95 var b = Roo.get(document.body);
96 this.form = b.createChild({
100 target : this.newWindow ? '_new' : this.csvFrame.id,
101 enctype : 'multipart/form-data'
105 // if(this.doctype == 'pdf'){
106 // this.pdfEmbed = b.createChild({
109 // pluginspage : 'http://www.adobe.com/products/acrobat/readstep2.html',
114 //Roo.log(this.params);
115 this.params._get = 1; // always do a post request, with _get passed
116 for(var i in this.params) {
117 this.form.append(i, this.params[i]);
119 var el = this.form.createChild( {
125 value : this.params[i]
131 var req = new XMLHttpRequest();
132 req.responseType = 'blob';
134 req.open('POST', this.url);
137 req.onload = function( ev )
139 if (req.status == 200) {
141 var cd = req.getResponseHeader('Content-Disposition');
144 var matches = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/.exec(cd);
145 if (matches != null && matches[1]) {
146 filename = matches[1].replace(/['"]/g, '');
149 var blob = new Blob([req.response], {type: req.responseType });
151 var a = document.createElement("a");
152 a.style = "display: none";
153 document.body.appendChild(a);
154 var url = window.URL.createObjectURL(blob);
156 a.download = filename;
158 //release the reference to the file by revoking the Object URL
159 window.URL.revokeObjectURL(url);
161 _t.success ? _t.success(ev) : '';
163 _t.failure ? _t.failure(ev) : '';
167 if (this.showDownloading) {
168 Roo.MessageBox.alert("Downloading", "The file should download shortly");
174 this.form.dom.submit();
175 this.cleanup.defer(this.timeout || 30000,this);
182 Roo.apply(Pman.Download.prototype, {
185 * @type {HTMLIframe} the iframe to download into.
202 hiddenCols : 'show', // set to 'hide' to hide them..
204 showDownloading : false,
206 //used by simple GET method.
207 createCsvFrame: function()
210 document.body.removeChild(this.csvFrame);
214 this.csvFrame = document.createElement('iframe');
215 this.csvFrame.id = id;
216 this.csvFrame.name = id;
217 this.csvFrame.className = 'x-hidden';
219 this.csvFrame.src = Roo.SSL_SECURE_URL;
221 document.body.appendChild(this.csvFrame);
224 document.frames[id].name = id;
228 /* not used as it didn't work..
231 // requested++; // second request is real one..
232 // if (requested < 2) {
241 var frame = this.csvFrame;
245 frame.contentWindow.document :
246 (frame.contentDocument || window.frames[Pman.Download.csvFrame.id].document);
249 if(doc && doc.body && doc.body.innerHTML.length){
250 // alert(doc.body.innerHTML);
252 Roo.MessageBox.alert("Download Error", doc.body.innerHTML);
260 Roo.log(doc.body.innerHTML);
264 Roo.log(e.toString());
270 // we can not actually do anything with the frame... as it may actually still be downloading..
275 // this will never fire.. see
276 // http://www.atalasoft.com/cs/blogs/jake/archive/2009/08/18/events-to-expect-when-dynamically-loading-iframes-in-javascript-take-2-thanks-firefox-3-5.aspx
277 if (this.success && success) {
286 // private - clean up download elements.
289 /* Roo.log('cleanup?');
297 Roo.EventManager.removeListener(this.csvFrame, 'load', this.onLoad, this);
298 Roo.get(this.csvFrame).remove();
299 this.csvFrame= false;
305 buildFromGrid : function()
307 // get the params from beforeLoad
308 var ds = this.grid.ds;
309 ds.fireEvent('beforeload', ds, {
314 if(ds.sortInfo && ds.remoteSort){
315 var pn = ds.paramNames;
316 this.params[pn["sort"]] = ds.sortInfo.field;
317 this.params[pn["dir"]] = ds.sortInfo.direction;
320 var pn = ds.paramNames;
321 this.params[pn["multisort"]] = Roo.encode( { sort : ds.sortToggle, order: ds.sortOrder });
326 this.url = this.grid.ds.proxy.conn.url;
327 this.method = this.method || this.grid.ds.proxy.conn.method ;
332 t.params.csvCols = this.csvCols;
333 t.params.csvTitles = this.csvTitles;
336 Roo.each(this.grid.cm.config, function(c,i) {
338 if (t.hiddenCols != 'show' && t.grid.cm.isHidden(i)) {
342 t.params['csvCols['+i+']'] = c.dataIndex;
343 t.params['csvTitles['+i+']'] = c.header;
347 if (this.grid.loadMask) {
348 this.grid.loadMask.onLoad();
350 this.params.limit = this.limit;
352 // do it as a post, as args can get long..
354 this.method = 'POST';
355 if (this.method == 'POST') {
356 this.params._get = 1;