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.
27 * @cfg {String} csvCols - use '*' to override grid coluns
28 * @cfg {String} csvTitles - use '*' to override grid coluns
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 for(var i in this.params) {
115 this.form.append(i, this.params[i]);
117 var el = this.form.createChild( {
123 value : this.params[i]
129 var req = new XMLHttpRequest();
130 req.responseType = 'blob';
131 req.open(this.method, this.url);
134 req.onload = function( ev )
136 if (req.status == 200) {
138 var cd = req.getResponseHeader('Content-Disposition');
141 var matches = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/.exec(cd);
142 if (matches != null && matches[1]) {
143 filename = matches[1].replace(/['"]/g, '');
146 var blob = new Blob([req.response], {type: req.responseType });
148 var a = document.createElement("a");
149 a.style = "display: none";
150 document.body.appendChild(a);
151 var url = window.URL.createObjectURL(blob);
153 a.download = filename;
155 //release the reference to the file by revoking the Object URL
156 window.URL.revokeObjectURL(url);
158 _t.success ? _t.success(ev) : '';
160 _t.failure ? _t.failure(ev) : '';
169 this.form.dom.submit();
170 this.cleanup.defer(this.timeout || 30000,this);
177 Roo.apply(Pman.Download.prototype, {
180 * @type {HTMLIframe} the iframe to download into.
198 //used by simple GET method.
199 createCsvFrame: function()
202 document.body.removeChild(this.csvFrame);
206 this.csvFrame = document.createElement('iframe');
207 this.csvFrame.id = id;
208 this.csvFrame.name = id;
209 this.csvFrame.className = 'x-hidden';
211 this.csvFrame.src = Roo.SSL_SECURE_URL;
213 document.body.appendChild(this.csvFrame);
216 document.frames[id].name = id;
220 /* not used as it didn't work..
223 // requested++; // second request is real one..
224 // if (requested < 2) {
233 var frame = this.csvFrame;
237 frame.contentWindow.document :
238 (frame.contentDocument || window.frames[Pman.Download.csvFrame.id].document);
241 if(doc && doc.body && doc.body.innerHTML.length){
242 // alert(doc.body.innerHTML);
244 Roo.MessageBox.alert("Download Error", doc.body.innerHTML);
252 Roo.log(doc.body.innerHTML);
256 Roo.log(e.toString());
262 // we can not actually do anything with the frame... as it may actually still be downloading..
267 // this will never fire.. see
268 // 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
269 if (this.success && success) {
278 // private - clean up download elements.
281 /* Roo.log('cleanup?');
289 Roo.EventManager.removeListener(this.csvFrame, 'load', this.onLoad, this);
290 Roo.get(this.csvFrame).remove();
291 this.csvFrame= false;
297 buildFromGrid : function()
299 // get the params from beforeLoad
300 var ds = this.grid.ds;
301 ds.fireEvent('beforeload', ds, {
306 if(ds.sortInfo && ds.remoteSort){
307 var pn = ds.paramNames;
308 this.params[pn["sort"]] = ds.sortInfo.field;
309 this.params[pn["dir"]] = ds.sortInfo.direction;
312 var pn = ds.paramNames;
313 this.params[pn["multisort"]] = Roo.encode( { sort : ds.sortToggle, order: ds.sortOrder });
318 this.url = this.grid.ds.proxy.conn.url;
319 this.method = this.method || this.grid.ds.proxy.conn.method ;
324 t.params.csvCols = this.csvCols;
325 t.params.csvTitles = this.csvTitles;
328 Roo.each(this.grid.cm.config, function(c,i) {
329 t.params['csvCols['+i+']'] = c.dataIndex;
330 t.params['csvTitles['+i+']'] = c.header;
334 if (this.grid.loadMask) {
335 this.grid.loadMask.onLoad();
337 this.params.limit = this.limit;
339 // do it as a post, as args can get long..
341 this.method = 'POST';
342 if (this.method == 'POST') {
343 this.params._get = 1;