新規投稿
フォローする

CSVダウンロード

「集計したデータをCSVでダウンロードするには?」
https://cybozudev.zendesk.com/hc/ja/articles/201941054-%E9%9B%86%E8%A8%88%E3%81%97%E3%81%9F%E3%83%87%E3%83%BC%E3%82%BF%E3%82%92CSV%E3%81%A7%E3%83%80%E3%82%A6%E3%83%B3%E3%83%AD%E3%83%BC%E3%83%89%E3%81%99%E3%82%8B%E3%81%AB%E3%81%AF-

こちらのデータをもとにkintoneからとったCSVをダウンロードさせる機能を実装したいと
思っているのですが、リンクでなく、ボタンの場合どのように実装するかご存知の方
いらっしゃいますでしょうか。

kintoneではなくJavaScriptの質問になるかとは思いますが、お分かりの
方がいらしたらご教授いただければ幸いです。

0

4件のコメント

Avatar
新妻正夫

松本さん、kintoneの一覧画面にボタンを設置して、そこに処理を組み込む方法については、こちらのTipsに詳しく書かれています。これと組み合わせればご要望のことができるのではないかと思います。

https://cybozudev.zendesk.com/hc/ja/articles/201767270-第2回-レコード一覧画面にボタンを置いてみよう-

0
Avatar
カキ氷

aタグのリンクをinputかbuttonタグに変更すればよいかと思います。

○11行目
$link = $('<a id="download-csv" href="#">CSVでダウンロード</a>');
↓↓↓
$link = $('<input type="button" value="CSVでダウンロード" onclick="location.href='#'">');

○54行目
$link.attr('download', fileName);
$link.attr('href', url);
↓↓↓
//$link.attr('download', fileName);
$link.attr('onclick', url);

動作未確認ですが、こんな感じで対応すればいけるかと。
問題はaタグの'download'属性で、ダウンロード時のファイル名を設定してるんですが、ボタンにするとこれが使えなくなります。

0
Avatar
カキ氷

失礼、onclickのとこ間違ってました

○54行目
$link.attr('download', fileName);
$link.attr('href', url);
↓↓↓
//$link.attr('download', fileName);
$link.attr('onclick', ’location.href=' + url);

0
Avatar
松本賀生

新妻正夫様
カキ氷様

大変丁寧なレクチャーありがとうございます。
いただいた情報をもとにもう少しくわしく検証してみます。

本当にありがとうございました。

0
サインインしてコメントを残してください。