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 xhr.responseType = 'blob';
131 req.open(this.method, this.url);
134 req.onload = function( ev )
136 if (req.status == 200) {
138 var headers = req.getAllResponseHeaders();
139 Roo.log(req.getAllResponseHeaders())
140 var blob = new Blob([this.response], {type: req.responseType });
142 var a = document.createElement("a");
143 a.style = "display: none";
144 document.body.appendChild(a);
145 var url = window.URL.createObjectURL(blob);
147 a.download = 'myFile.pdf';
149 //release the reference to the file by revoking the Object URL
150 window.URL.revokeObjectURL(url);
152 _t.success ? _t.success(ev) : '';
154 _t.failure ? _t.failure(ev) : '';
163 this.form.dom.submit();
164 this.cleanup.defer(this.timeout || 30000,this);
171 Roo.apply(Pman.Download.prototype, {
174 * @type {HTMLIframe} the iframe to download into.
192 //used by simple GET method.
193 createCsvFrame: function()
196 document.body.removeChild(this.csvFrame);
200 this.csvFrame = document.createElement('iframe');
201 this.csvFrame.id = id;
202 this.csvFrame.name = id;
203 this.csvFrame.className = 'x-hidden';
205 this.csvFrame.src = Roo.SSL_SECURE_URL;
207 document.body.appendChild(this.csvFrame);
210 document.frames[id].name = id;
214 /* not used as it didn't work..
217 // requested++; // second request is real one..
218 // if (requested < 2) {
227 var frame = this.csvFrame;
231 frame.contentWindow.document :
232 (frame.contentDocument || window.frames[Pman.Download.csvFrame.id].document);
235 if(doc && doc.body && doc.body.innerHTML.length){
236 // alert(doc.body.innerHTML);
238 Roo.MessageBox.alert("Download Error", doc.body.innerHTML);
246 Roo.log(doc.body.innerHTML);
250 Roo.log(e.toString());
256 // we can not actually do anything with the frame... as it may actually still be downloading..
261 // this will never fire.. see
262 // 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
263 if (this.success && success) {
272 // private - clean up download elements.
275 /* Roo.log('cleanup?');
283 Roo.EventManager.removeListener(this.csvFrame, 'load', this.onLoad, this);
284 Roo.get(this.csvFrame).remove();
285 this.csvFrame= false;
291 buildFromGrid : function()
293 // get the params from beforeLoad
294 var ds = this.grid.ds;
295 ds.fireEvent('beforeload', ds, {
300 if(ds.sortInfo && ds.remoteSort){
301 var pn = ds.paramNames;
302 this.params[pn["sort"]] = ds.sortInfo.field;
303 this.params[pn["dir"]] = ds.sortInfo.direction;
306 var pn = ds.paramNames;
307 this.params[pn["multisort"]] = Roo.encode( { sort : ds.sortToggle, order: ds.sortOrder });
312 this.url = this.grid.ds.proxy.conn.url;
313 this.method = this.method || this.grid.ds.proxy.conn.method ;
318 t.params.csvCols = this.csvCols;
319 t.params.csvTitles = this.csvTitles;
322 Roo.each(this.grid.cm.config, function(c,i) {
323 t.params['csvCols['+i+']'] = c.dataIndex;
324 t.params['csvTitles['+i+']'] = c.header;
328 if (this.grid.loadMask) {
329 this.grid.loadMask.onLoad();
331 this.params.limit = this.limit;
333 // do it as a post, as args can get long..
335 this.method = this.method || 'POST';
336 if (this.method == 'POST') {
337 this.params._get = 1;