我这边调试运行都正常用的谷歌浏览器,这是PDF
这是导出Excel
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>XLSX Export</title>
- <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
- <link rel="stylesheet" type="text/css" href="css/GrapeCity.ActiveReports.Viewer.Html.css" />
- <script src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.0/knockout-min.js"></script>
- <script src="js/GrapeCity.ActiveReports.Viewer.Html.js"></script>
- <script type="text/javascript">
- var reportName = 'Reports/Symbol.rdlx';
- var viewer;
- // init viewer
- $(function () {
- viewer = GrapeCity.ActiveReports.Viewer({
- element: '#viewer',
- uiType: 'desktop',
- reportService: { url: '/ActiveReports.ReportService.asmx' },
- report: { id: reportName },
- availableExports: ['Xls', 'Pdf', 'Word', 'Image', 'Mht']
- });
- $(window).bind('beforeunload', function () {
- viewer.destroy();
- });
- });
- var customExport = function () {
- viewer.export("Xls", function (uri) { window.open(uri); }, true, { FileName: "MyExcel" });
- };
- var customExport1 = function () {
- viewer.export("Pdf", function (uri) { window.open(uri); }, true, { FileName: "MyPdf" });
- };
- $(document).ready(function () {
- var list = [ "Excel Workbook"];
- for (var i = 0; i < list.length; i++) {
-
- var a = list.length;
- var excelLink = $('a:contains("' + list[i] + '")');
- ko.cleanNode(excelLink[0]);
- excelLink.removeAttr('data-bind');
- excelLink.removeAttr('disabled');
- excelLink.attr('target', '_blank');
- excelLink.attr('href', 'javascript:customExport()');
- }
- var list = ["PDF Document"];
- for (var i = 0; i < list.length; i++) {
- var a = list.length;
- var excelLink = $('a:contains("' + list[i] + '")');
- ko.cleanNode(excelLink[0]);
- excelLink.removeAttr('data-bind');
- excelLink.removeAttr('disabled');
- excelLink.attr('target', '_blank');
- excelLink.attr('href', 'javascript:customExport1()');
- }
-
- });
- </script>
- </head>
- <body>
- <div id="viewer" style="width: 100%; height: 600pt;"></div>
- </body>
- </html>
复制代码 这是html实现的代码
|