如何添加确认对话框?如果按是,按钮将下载,如果不是,按钮将取消

迈克尔

我有这个网页,允许将文件导出到 excel 文件中。它有一个按钮,单击时会自动下载文件。现在,我想要一个确认或通知按钮,在下载前提示用户。单击“导出”按钮时,会提示是否导出。如果单击“是”按钮,则将导出文件,如果没有,则取消。

市场.php

<button onclick="exportToExcelRequest('tableExport')" class="btn btn-primary">Export Data To Excel File</button>

导出到ExcelRequest.js

function exportToExcelRequest(tableID, filename = ''){
    var downloadurl;
    var dataFileType = 'application/vnd.ms-excel';
    var tableSelect = document.getElementById(tableID);
    var tableHTMLData = tableSelect.outerHTML.replace(/ /g, '%20');

    filename = filename?filename+'.xls':'MarketOrderRequestReport.xls';
    downloadurl = document.createElement("a");
    document.body.appendChild(downloadurl);
     if(navigator.msSaveOrOpenBlob){
      var blob = new Blob(['\ufeff', tableHTMLData], {
      type: dataFileType
     });
       navigator.msSaveOrOpenBlob(blob, filename);
     }else{
      downloadurl.href = 'data:' + dataFileType + ', '+ tableHTMLData;
       downloadurl.download = filename;
       downloadurl.click();
      }
}
肖冯达斯

它可以通过不同的方式完成,这里是最简单的一种

<button onclick="if(confirm('agree ?')){exportToExcelRequest('tableExport')}" class="btn btn-primary">Export Data To Excel File</button>

如果您有任何问题,请告诉我

其它的办法

function check(data){
  
  if(confirm("Are you sure ?")){
    
    exportToExcelRequest(data);
    
  }
}


function exportToExcelRequest(data){
      alert(data);
    }
<button onclick="check('tableExport')" class="btn btn-primary">Export Data To Excel File</button>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何为Mat对话框添加取消图标或外部按钮

单击按钮后如何制作确认对话框

如果单击“保存文件”对话框上的“取消”按钮,该怎么办?

如何将确认对话框添加到html5表单的提交按钮中?

后退按钮按下事件Xamarin.Forms上的确认对话框

如何使用jQuery一次向许多不同的按钮添加确认对话框?

如何将动作绑定到代号中的对话框“确定”按钮

在进度对话框上添加取消按钮

角度5:关闭对话框后,触发对话框的单击按钮将突出显示

按下按钮时如何显示与FutureBuilder的对话框?

如何将确认对话框放置在对话框窗口上方?

将变量传递给对话框按钮

对话框中的“取消”或“ Esc”按钮将保存一个名为“ False”的文件

如何将警报对话框按钮向左对齐?

使用.Net Core MVC,如何在具有确认对话框的同时将Submit“按钮”的值传递给控制器?

对话框弹出时如何取消选中按钮?

如何编写代码“如果在对话框中单击“取消”,对话框将关闭并且该字段将不显示任何内容。”?

将确认对话框添加为按钮的属性指令

iOS上的Facebook“共享”对话框/“馈送”对话框-如何知道是否轻按了“共享”按钮或“取消”按钮

如何在MFC对话框中添加关闭按钮

在确认对话框取消选择后,如何取消用户单选按钮的选择?

如果目标操作失败,如何在按钮中显示警报对话框

Zenity进度对话框的“取消”按钮如何起作用?

将选定的对话框项添加到另一个按钮方法

如何在微调对话框中添加取消按钮?

将Bootstrap Glyphicon添加到jQuery UI对话框按钮

向对话框添加取消按钮

如何将 Vuetify 对话框标题的位置固定到顶部并使按钮始终可见

jquery:如何将事件处理程序添加到对话框小部件内的按钮