kendo-ui - 网格导出表数据在 IE 10 和 mozilla 中不起作用

Question

我正在使用kendo ui控件，导出表数据时from grid 在 chrome 中工作正常，但在 IE 10 和 mozilla firefox 中不起作用。这是我的 fiddle 代码:http://jsfiddle.net/SZBrt/41/ 在此处输入代码

   var data = filteredDataSource.view();

    var result = "data:application/vnd.ms-excel,";

 result += "<table><tr><th>OrderID</th><th>Freight</th><th>Order Date</th><th>Ship Name</th><th>Ship City</th></tr>";

 for (var i = 0; i < data.length; i++) {
     result += "<tr>";

     result += "<td>";
     result += data[i].OrderID;
     result += "</td>";

     result += "<td>";
     result += data[i].Freight;
     result += "</td>";

     result += "<td>";
     result += kendo.format("{0:MM/dd/yyyy}", data[i].OrderDate);
     result += "</td>";

     result += "<td>";
     result += data[i].ShipName;
     result += "</td>";
     result += "<td>";
     result += data[i].ShipCity;
     result += "</td>";
     result += "</tr>";
 }
  result += "</table>";

Answer 1

事实上，您的方法目前仅在 Chrome 中受支持。对于 Firefox，您需要 window.open；对于 IE 10，您需要 window.open - window.navigator.msSaveOrOpenBlob

if (window.navigator.msSaveBlob) {
        window.navigator.msSaveBlob(new Blob([result]), 'export.csv');
 } else {
   window.open(result);
 }

这是在 Firefox 和 IE 10 中运行的更新后的 fiddle :http://jsfiddle.net/SZBrt/92/

此博文中提供了大量信息:http://hackworthy.blogspot.com/2012/05/savedownload-data-generated-in.html