jQuery Table to CSV export

Question

jQuery Table to CSV export

Demandé el 28 de Mai, 2009: Quand la question a-t-elle été
59371 affichage: Nombre de visites la question a
5 Réponses: Nombre de réponses aux questions
Résolu: Situation réelle de la question

J'utilise le plugin jQuery Table to CSV. J'ai modifié la fenêtre contextuelle pour qu'elle demande au navigateur de télécharger un fichier CSV.

C'était :

function popup(data) {
  var generator = window.open('', 'csv', 'height=400,width=600'); 
  generator.document.write('<html><head><title>CSV</title>'); 
  generator.document.write('</head><body >'); 
  generator.document.write('<textArea cols=70 rows=15 wrap="off" >'); 
  generator.document.write(data); 
  generator.document.write('</textArea>'); 
  generator.document.write('</body></html>'); 
  generator.document.close();
  return true; 
}

Je l'ai changé en :

function popup(data) {
  window.location='data:text/csv;charset=utf8,' + encodeURIComponent(data);
  return true; 
}

Cela fonctionne, en grande partie. Il faut quand même que vous trouviez votre logiciel de tableur, et que vous créiez votre propre nom de fichier... parce qu'il crée un nom de fichier étrange (exemple : 14YuskG_.csv.part).

Avez-vous des suggestions sur la façon d'améliorer cette situation ?

Demandé el 28 de Mai, 2009 par timborden

Answer 1

5 Réponses

Answer 2

20voto

timborden Points 820

J'ai trouvé une solution qui fonctionne (avec l'aide de http://www.topsemtips.com/2008/11/save-html-table-to-excel-using-jquery/ ) :

J'ai changé la fonction en :

function popup(data) {
    $("#main div.inner").append('<form id="exportform" action="export.php" method="post" target="_blank"><input type="hidden" id="exportdata" name="exportdata" /></form>');
    $("#exportdata").val(data);
    $("#exportform").submit().remove();
    return true; 
}

Et créé le fichier export.php :

<?php

    header("Content-type: application/vnd.ms-excel; name='excel'");
    header("Content-Disposition: filename=export.csv");
    header("Pragma: no-cache");
    header("Expires: 0");

    print $_REQUEST['exportdata'];

?>

Mise à jour : Une version plus conviviale pour IE7 :

<?php

    header('Content-Type: application/force-download');
    header('Content-disposition: attachment; filename=filename.csv');

    print $_POST['exportdata'];

?>

Répondu el 28 de Mai, 2009 par timborden (820 Points )

Answer 3

7voto

Zac Points 561

Merci pour votre question et votre réponse, cela a bien fonctionné pour moi. Voici la version ASP.Net (presque identique) de votre solution que j'utilise :

Changer la fonction popup de table2CSV.js en :

function popup(data) {
       $("body").append('<form id="exportform" action="CsvExport.ashx" method="post" target="_blank"><input type="hidden" id="exportdata" name="exportdata" /></form>');
       $("#exportdata").val(data);
       $("#exportform").submit().remove();
       return true;
}

Je note le passage de export.php à un gestionnaire générique .ashx.

Le code du gestionnaire générique :

 public void ProcessRequest (HttpContext context) {
    context.Response.ContentType = "application/force-download";
    context.Response.AddHeader("content-disposition", "filename=filename.csv");

    context.Response.Write(context.Request.Form["exportdata"]);
}

Répondu el 3 de Août, 2010 par Zac (561 Points )

Answer 4

6voto

Franz Points 652

Je ne recommande pas de "télécharger" des données CSV de cette façon. IE7 n'autorise que 2000 caractères maximum dans la barre d'adresse, il y a donc de fortes chances que votre fichier soit tronqué.

Répondu el 28 de Mai, 2009 par Franz (652 Points )

Answer 5

1voto

italo Points 3353

Pas compatible avec tous les navigateurs, mais aucun côté serveur n'est nécessaire ! Essayez le code ci-dessous en utilisant JSFiddle et dites-nous s'il fonctionne dans votre navigateur.

$('<a></a>')
    .attr('id','downloadFile')
    .attr('href','data:text/csv;charset=utf8,' + encodeURIComponent(data))
    .attr('download','filename.csv')
    .appendTo('body');

$('#downloadFile').ready(function() {
    $('#downloadFile').get(0).click();
});

Répondu el 14 de Novembre, 2013 par italo (3353 Points )

Answer 6

0voto

Registered Alias Points 523

Je recommande vivement d'utiliser http://datatables.net/extras/tabletools/ il est très facile de jouer avec les tableaux.

Répondu el 9 de Mars, 2012 par Registered Alias (523 Points )

jQuery Table to CSV export

Réponses

Questions en vedette

Top Tags

Prograide.com

Powered by:

jQuery Table to CSV export

Réponses

Questions en vedette

Top Tags

Dans notre réseau

Prograide.com

Powered by: