我在我的项目中使用 ui-grid 和 angularjs。

在我的项目中，ui-grid 将内容导出到 excel 文件并且运行良好。

这是 ui-grid 声明:

这里是 javascript 中的 ui-grid 定义:

 $scope.gridOptions = {
    columnDefs: [
      { field: 'name' },
      { field: 'company', cellFilter: 'mapCompany:this.grid.appScope.companyCatalog' }
    ],
    enableGridMenu: true,
    enableSelectAll: true,
    exporterCsvFilename: 'myFile.csv',
    exporterPdfDefaultStyle: {fontSize: 9},
    exporterPdfTableStyle: {margin: [30, 30, 30, 30]},
    exporterPdfTableHeaderStyle: {fontSize: 10, bold: true, italics: true, color: 'red'},
    exporterPdfHeader: { text: "My Header", style: 'headerStyle' },
    exporterPdfFooter: function ( currentPage, pageCount ) {
      return { text: currentPage.toString() + ' of ' + pageCount.toString(), style: 'footerStyle' };
    },
    exporterPdfCustomFormatter: function ( docDefinition ) {
      docDefinition.styles.headerStyle = { fontSize: 22, bold: true };
      docDefinition.styles.footerStyle = { fontSize: 10, bold: true }; 
      return docDefinition;
    },
    exporterPdfOrientation: 'portrait',
    exporterPdfPageSize: 'LETTER',
    exporterPdfMaxGridWidth: 500,
    exporterCsvLinkElement: angular.element(document.querySelectorAll(".custom-csv-link-location")),

    data : [      
      {
           "name": "Derek",
           "company": 423638
       },
      {
           "name": "Frederik",
           "company": 513560
       }                       
   ],
    onRegisterApi: function(gridApi){
      $scope.gridApi = gridApi;
    },
    gridMenuCustomItems: [
        {
            title:'Custom Export',
            action: function ($event) {
              // this.grid.api.exporter.csvExport( uiGridExporterConstants.ALL, uiGridExporterConstants.ALL, true );

              var exportData = uiGridExporterService.getData(this.grid, uiGridExporterConstants.ALL, uiGridExporterConstants.ALL, true);

              var csvContent = uiGridExporterService.formatAsCsv([], exportData, this.grid.options.exporterCsvColumnSeparator);

              uiGridExporterService.downloadFile (this.grid.options.exporterCsvFilename, csvContent, this.grid.options.exporterOlderExcelCompatibility);        
            },
            order:0
        } 
    ]  
  };

这是工作 PLUNKER !

但我需要将内容导出到 RTL excel 文件。

我的问题是如何将 ui-grid 内容导出到 RTL excel 文件？

最佳答案

这里有两个选择。您可以使用内置菜单，我刚刚在 UIGrid 的演示中成功地做到了这一点或者您可以添加另一个模块，即 ui.grid.exporter

来自文档:

This module provides the ability to export data from the grid. Data can be exported in a range of formats, and all data, visible data, or selected rows can be exported, with all columns or visible columns. No UI is provided, the caller should provide their own UI/buttons as appropriate, or enable the gridMenu

我使用了内置的 gridMenu，它下载了一个名为 undefined 的没有扩展名的文件。我能够按原样从 LibreOffice Calc 打开它。

如果您需要更多控制权(具体取决于您的用例)，请使用导出器功能。导出器功能允许以 csv 或 pdf 格式从网格中导出数据。导出器可以导出所有数据、可见数据或选定数据。

如果要导出为 Excel，则需要安装 Excel-Builder 模块，可通过以下方式获得:bower install excelbuilder。

不过，您在问题中遗漏了很多内容。用户可以根据版本在 excel 中设置 RTL 或 LTR 选项。要在代码中完成它需要另一个库或某种程序。多年前，我使用 Visual Basic 进行了大量 MS Word 和 Excel 编程。

我的意思是，您需要指定 excel 版本，是否要以编程方式修改文件，您是将文件发送到某处，还是用户下载它然后用 excel 打开它？等等...我需要您的用例的更多详细信息。

关于javascript - 如何将 ui-grid 导出到 excel 文件？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49266576/