「集計したデータを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の質問になるかとは思いますが、お分かりの
方がいらしたらご教授いただければ幸いです。
松本さん、kintoneの一覧画面にボタンを設置して、そこに処理を組み込む方法については、こちらのTipsに詳しく書かれています。これと組み合わせればご要望のことができるのではないかと思います。
https://cybozudev.zendesk.com/hc/ja/articles/201767270-第2回-レコード一覧画面にボタンを置いてみよう-
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’属性で、ダウンロード時のファイル名を設定してるんですが、ボタンにするとこれが使えなくなります。
失礼、onclickのとこ間違ってました
○54行目
$link.attr(‘download’, fileName);
$link.attr(‘href’, url);
↓↓↓
//$link.attr(‘download’, fileName);
$link.attr(‘onclick’, ’location.href=’ + url);
新妻正夫様
カキ氷様
大変丁寧なレクチャーありがとうございます。
いただいた情報をもとにもう少しくわしく検証してみます。
本当にありがとうございました。