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 {String} url Location to download from.
22 * @cfg {String} method GET or POST (default GET), POST will create a form, and post that into the hidden frame.
23 * @cfg {Boolean} newWindow (optional) download to new window
24 * @cfg {String} doctype (optional) download PDF to new window
25 * @cfg {Boolean} limit (optional) limit for grid downloads.
26 * @cfg {Boolean} showDownloading default false - show a dialog indicating that the file is downloading
27 * @cfg {String} csvCols - use '*' to override grid coluns
28 * @cfg {String} csvTitles - use '*' to override grid coluns
29 * @cfg {String} hiddenCols - default 'show' (use 'hide' to not display them on download)
32 * @cfg {Function} success (optional) MAY fire on download completed (fails on attachments)..
33 * @cfg {Number} timeout (optional) in milliseconds before it gives up (default 30000 = 30s)
34 * @cfg {Roo.grid.Grid} grid (optional) if you want to just download a grid, (without renderers..)
38 Pman.Download = function(cfg)
54 if (this.newWindow && this.method == 'GET') {
55 // as ie seems buggy...
56 window.open( this.url + '?' + Roo.urlEncode(this.params || {}), '_blank');
63 //this.submit = false;
64 //this.createCsvFrame();
68 //Roo.EventManager.on( this.csvFrame, 'load', this.onLoad, this);
72 this.method = this.method || 'GET';
74 if (this.method == 'GET' && !this.params) {
78 this.createCsvFrame();
79 //Roo.EventManager.on( this.csvFrame, 'load', this.onLoad, this);
81 this.csvFrame.src = cfg.url;
82 //this.cleanup.defer(cfg.timeout || 30000,this);
90 Roo.log("creating form?");
92 this.form = new FormData();
94 var b = Roo.get(document.body);
95 this.form = b.createChild({
99 target : this.newWindow ? '_new' : this.csvFrame.id,
100 enctype : 'multipart/form-data'
104 // if(this.doctype == 'pdf'){
105 // this.pdfEmbed = b.createChild({
108 // pluginspage : 'http://www.adobe.com/products/acrobat/readstep2.html',
113 //Roo.log(this.params);
114 this.params._get = 1; // always do a post request, with _get passed
115 for(var i in this.params) {
116 this.form.append(i, this.params[i]);
118 var el = this.form.createChild( {
124 value : this.params[i]
130 var req = new XMLHttpRequest();
131 req.responseType = 'blob';
133 req.open('POST', this.url);
136 req.onload = function( ev )
138 if (req.status == 200) {
140 var cd = req.getResponseHeader('Content-Disposition');
143 var matches = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/.exec(cd);
144 if (matches != null && matches[1]) {
145 filename = matches[1].replace(/['"]/g, '');
148 var blob = new Blob([req.response], {type: req.responseType });
150 var a = document.createElement("a");
151 a.style = "display: none";
152 document.body.appendChild(a);
153 var url = window.URL.createObjectURL(blob);
155 a.download = filename;
157 //release the reference to the file by revoking the Object URL
158 window.URL.revokeObjectURL(url);
160 _t.success ? _t.success(ev) : '';
162 _t.failure ? _t.failure(ev) : '';
166 if (this.showDownloading) {
167 Roo.MessageBox.alert("Downloading", "The file should download shortly");
173 this.form.dom.submit();
174 this.cleanup.defer(this.timeout || 30000,this);
181 Roo.apply(Pman.Download.prototype, {
184 * @type {HTMLIframe} the iframe to download into.
201 hiddenCols : 'show', // set to 'hide' to hide them..
203 showDownloading : false,
205 //used by simple GET method.
206 createCsvFrame: function()
209 document.body.removeChild(this.csvFrame);
213 this.csvFrame = document.createElement('iframe');
214 this.csvFrame.id = id;
215 this.csvFrame.name = id;
216 this.csvFrame.className = 'x-hidden';
218 this.csvFrame.src = Roo.SSL_SECURE_URL;
220 document.body.appendChild(this.csvFrame);
223 document.frames[id].name = id;
227 /* not used as it didn't work..
230 // requested++; // second request is real one..
231 // if (requested < 2) {
240 var frame = this.csvFrame;
244 frame.contentWindow.document :
245 (frame.contentDocument || window.frames[Pman.Download.csvFrame.id].document);
248 if(doc && doc.body && doc.body.innerHTML.length){
249 // alert(doc.body.innerHTML);
251 Roo.MessageBox.alert("Download Error", doc.body.innerHTML);
259 Roo.log(doc.body.innerHTML);
263 Roo.log(e.toString());
269 // we can not actually do anything with the frame... as it may actually still be downloading..
274 // this will never fire.. see
275 // 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
276 if (this.success && success) {
285 // private - clean up download elements.
288 /* Roo.log('cleanup?');
296 Roo.EventManager.removeListener(this.csvFrame, 'load', this.onLoad, this);
297 Roo.get(this.csvFrame).remove();
298 this.csvFrame= false;
304 buildFromGrid : function()
306 // get the params from beforeLoad
307 var ds = this.grid.ds;
308 ds.fireEvent('beforeload', ds, {
313 if(ds.sortInfo && ds.remoteSort){
314 var pn = ds.paramNames;
315 this.params[pn["sort"]] = ds.sortInfo.field;
316 this.params[pn["dir"]] = ds.sortInfo.direction;
319 var pn = ds.paramNames;
320 this.params[pn["multisort"]] = Roo.encode( { sort : ds.sortToggle, order: ds.sortOrder });
325 this.url = this.grid.ds.proxy.conn.url;
326 this.method = this.method || this.grid.ds.proxy.conn.method ;
331 t.params.csvCols = this.csvCols;
332 t.params.csvTitles = this.csvTitles;
335 Roo.each(this.grid.cm.config, function(c,i) {
337 if (t.hiddenCols != 'show' && t.grid.cm.isHidden(i)) {
341 t.params['csvCols['+i+']'] = c.dataIndex;
342 t.params['csvTitles['+i+']'] = c.header;
346 if (this.grid.loadMask) {
347 this.grid.loadMask.onLoad();
349 this.params.limit = this.limit;
351 // do it as a post, as args can get long..
353 this.method = 'POST';
354 if (this.method == 'POST') {
355 this.params._get = 1;