SAP UI5 ExpreadSheet 匯出功能允許開發人員將資料匯出到 Office Open XML 電子表格。

開發人員可以匯出具有表格格式的任何型別的內容，例如表格或列表。

如果使用 SmartTable 控制元件匯出資料，還可以使用不同型別的匯出，比如客戶端匯出(Client Export)或 SAP Gateway 匯出。

SmartTable 控制元件提供匯出所需的所有預配置內容。我們可以簡單地使用它而無需自己定義任何配置，或者可以調整內容以使其適合自己的特定要求。 對於其他實體，必須如下所述手動定義配置。

如果要在沒有 SmartTable 的情況下手動匯出資料，則必須執行以下步驟：

1. 在控制器編碼中載入 sap.ui.export.Spreadsheet 庫，可以在控制器初始化期間或按照需要時載入庫。

2. 為以下物件定義匯出配置：

* Columns

* Data sources

* 用於處理匯出的其他屬性（可選）

如果庫是在控制器初始化期間載入的，則它在控制器的整個生命週期內都可用。 您需要做的就是將庫作為依賴項新增到現有的 sap.ui.define 呼叫中。此機制可確保每次使用該庫時都已載入該庫。 不需要處理同步或非同步載入，但即使從未觸發匯出，也會載入庫。

示例程式碼如下：

```javascript
sap.ui.define([
    "sap/ui/core/mvc/Controller",
    "sap/ui/export/Spreadsheet"
], function(Controller, Spreadsheet) {
    "use strict";
 
    return Controller.extend("sample.Spreadsheet", {
 
        // Place your controller coding here
 
    });
});
```
如果庫是按需載入的，它只會在實際需要時可用（例如，當使用者按下匯出按鈕時）。您必須在每次需要時請求該庫（儘管它只會從後端載入一次）。這可以透過使用帶有回撥函式的 sap.ui.require 來完成。 這是確保庫將被非同步載入所必需的，但它需要更多的努力來實現匯出，因為所有匯出步驟都需要由回撥函式包裝。

示例程式碼如下：

```javascript
sap.ui.define([
    "sap/ui/core/mvc/Controller"
], function(Controller) {
    "use strict";
 
    return Controller.extend("sample.Spreadsheet", {
 
        onExport: function() {
            // loadLibrary is only needed when the library is not added as a dependent in bootstrap or any other dependency mechanism used in your project.
            var oExportLibLoadPromise = sap.ui.getCore().loadLibrary("sap.ui.export", true);
         
            oExportLibLoadPromise.then(function() {
                sap.ui.require(["sap/ui/export/Spreadsheet"], function(Spreadsheet) {
 
                    // Place your export coding here
 
                });
            });
        }
    });
});
```

關於 SAP UI5 控制元件內容的 Excel 匯出功能，如何載入所需的匯出工具庫

相關文章