Skip to content

Commit c4ea49c

Browse files
committed
1011162: Addressed review comments and resolved documentation staging link failures.
1 parent a3394ea commit c4ea49c

5 files changed

Lines changed: 33 additions & 13 deletions

File tree

Document-Processing/Excel/Spreadsheet/React/Save-Excel-File/to-aws-s3-bucket.md

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ documentation: ug
99

1010
# Save spreadsheet to AWS S3
1111

12-
To save a file to the AWS S3, you can follow the steps below
12+
To save a file to the AWS S3, you can follow the steps below.
1313

1414
**Step 1:** Create a Simple Spreadsheet Sample in React
1515

@@ -118,8 +118,7 @@ N> Replace **Your Access Key from AWS S3**, **Your Secret Key from AWS S3**, and
118118

119119
**Step 3:** Modify the index File in the Spreadsheet sample to using [`saveAsJson`](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/index-default#saveasjson) method to serialize the spreadsheet and send it to the back-end
120120

121-
```tsx
122-
121+
```js
123122
// Function to save the current spreadsheet to AWS S3 via an API call
124123
const saveToS3 = () => {
125124
// Convert the current spreadsheet to JSON format
@@ -155,7 +154,6 @@ const saveToS3 = () => {
155154
});
156155
});
157156
};
158-
159157
```
160158

161159
N> The **AWSSDK.S3** NuGet package must be installed in your application to use the previous code example.

Document-Processing/Excel/Spreadsheet/React/Save-Excel-File/to-azure-blob-storage.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ Start by following the steps provided in this [link](https://help.syncfusion.com
2323

2424
3. Import the required namespaces at the top of the file:
2525

26-
```Csharp
26+
```csharp
2727

2828
using System;
2929
using System.IO;
@@ -37,7 +37,7 @@ using Azure.Storage.Blobs;
3737

3838
4. Add the following private fields and constructor parameters to the `SpreadsheetController` class, In the constructor, assign the values from the configuration to the corresponding fields.
3939

40-
```Csharp
40+
```csharp
4141

4242
private readonly string _storageConnectionString;
4343
private readonly string _storageContainerName;
@@ -52,7 +52,7 @@ public SpreadsheetController(IConfiguration configuration)
5252

5353
5. Create the `SaveToAzure()` method to save the document to the Azure Blob storage.
5454

55-
```Csharp
55+
```csharp
5656

5757
[HttpPost]
5858
[Route("SaveToAzure")]
@@ -92,7 +92,7 @@ N> Note: Install the Azure.Storage.Blobs NuGet package in the service project. E
9292

9393
**Step 3:** Modify the index File in the Spreadsheet sample to using [`saveAsJson`](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/index-default#saveasjson) method to serialize the spreadsheet and send it to the back-end
9494

95-
```typescript
95+
```js
9696

9797
<button class="e-btn" onClick={saveToAzure}>
9898
Save to Azure Blob Storage

Document-Processing/Excel/Spreadsheet/React/Server-Deployment/spreadsheet-server-docker-image-overview.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ control: Docker deployment
77
documentation: ug
88
---
99

10-
# Spreadsheet server docker image overview in React Spreadsheet
10+
# Docker Image Overview in React Spreadsheet
1111

1212
The [**Syncfusion<sup style="font-size:70%">&reg;</sup> Spreadsheet (also known as Excel Viewer)**](https://www.syncfusion.com/spreadsheet-editor-sdk/react-spreadsheet-editor) is a feature-rich control for organizing and analyzing data in a tabular format. It provides all the common Excel features, including data binding, selection, editing, formatting, resizing, sorting, filtering, importing, and exporting Excel documents.
1313

Document-Processing/Excel/Spreadsheet/React/open-excel-files.md

Lines changed: 13 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,11 @@ documentation: ug
99

1010
# Open Excel Files in Syncfusion React Spreadsheet
1111

12-
The Syncfusion React Spreadsheet allows you to open Excel files (.xlsx) by reading the file, converting it into the client‑side Spreadsheet model, and rendering it with full support for data, styles, formats, and more.
12+
The React Spreadsheet component follows an open, server‑assisted workflow to import Excel files accurately and efficiently. When a user uploads an Excel file, the component sends it to the server instead of handling the parsing in the browser. This ensures smooth performance even for large or heavily formatted workbooks.
13+
14+
On the server, the [`Syncfusion.EJ2.Spreadsheet library`](https://www.nuget.org/packages/Syncfusion.EJ2.Spreadsheet.AspNet.Core), built on top of [`Syncfusion XlsIO`](https://help.syncfusion.com/document-processing/excel/excel-library/net/overview), reads the Excel file and extracts all relevant details—data, styles, formulas, formatting, and sheet structure. The server then converts this information into a Spreadsheet‑compatible JSON workbook.
15+
16+
Once the processing is complete, the JSON data is returned to the client, where the React Spreadsheet component renders the workbook in the browser. This process preserves the original Excel layout and ensures the imported content appears with full fidelity.
1317

1418
To enable opening Excel files, set the [`allowOpen`](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/index-default#allowopen) property to **true** and specify the service url using th [`openUrl`](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/index-default#openurl) property. The control will send the uploaded file to this endpoint, where it is processed and returned as JSON for the Spreadsheet to render.
1519

@@ -33,7 +37,7 @@ The following sample shows the `Open` option by using the [`openUrl`](https://ej
3337

3438
{% previewsample "/document-processing/code-snippet/spreadsheet/react/open-save-cs1" %}
3539

36-
Please find the below table for the beforeOpen event arguments.
40+
Please find the below table for the [beforeOpen](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/index-default#beforeopen) event arguments.
3741

3842
| **Parameter** | **Type** | **Description** |
3943
| ----- | ----- | ----- |
@@ -48,6 +52,13 @@ Please find the below table for the beforeOpen event arguments.
4852

4953
To open Excel files programmatically in the Spreadsheet, you can use the [`open`](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/index-default#open) method of the Spreadsheet component. Before invoking this method, ensure that the [`openUrl`](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/index-default#openurl) property is properly configured, as it is required for processing the file on the server.
5054

55+
Please find the table below for the [`open`](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/index-default#open) method arguments.
56+
57+
| **Parameter** | **Type** | **Description** |
58+
|----------|--------------|-----------------------------------|
59+
| options | [OpenOptions](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/openOptions) | Options for opening the excel file. |
60+
61+
5162
The following code example demonstrates how to open an Excel file programmatically in the Spreadsheet.
5263

5364
```js

Document-Processing/Excel/Spreadsheet/React/save-excel-files.md

Lines changed: 13 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,11 @@ documentation: ug
99

1010
# Save Excel Files in Syncfusion React Spreadsheet
1111

12-
The Syncfusion React Spreadsheet allows you to save spreadsheet data as Excel files by sending the client‑side Spreadsheet model to the server, where it is processed and exported with full support for data, styles, formats, and more.
12+
When exporting an Excel file from the React Spreadsheet component, the workflow is handled through a clear server‑side process. First, the Spreadsheet content displayed in the browser is serialized into a structured JSON workbook. This JSON contains all the necessary details—such as data, formatting, formulas, styles, and sheet structure.
13+
14+
This JSON workbook is then sent to the server, where the [`Syncfusion.EJ2.Spreadsheet library`](https://www.nuget.org/packages/Syncfusion.EJ2.Spreadsheet.AspNet.Core) uses [`Syncfusion XlsIO`](https://help.syncfusion.com/document-processing/excel/excel-library/net/overview) to convert the JSON data into a fully formatted Excel file. XlsIO rebuilds the workbook with complete fidelity, preserving all the features applied in the Spreadsheet.
15+
16+
Since, the server is responsible for generating the final Excel file, the total export time can vary depending on the workbook’s complexity, including the number of sheets, amount of formatting, and usage of advanced features like formulas or conditional formatting. Once the generation is complete, the Excel file is returned to the client for download.
1317

1418
To enable saving Excel files, set the [`allowSave`](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/index-default#allowsave) property to **true** and specify the service URL using the [`saveUrl`](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/index-default#saveurl) property. When a save action is triggered, the control sends the spreadsheet model to this endpoint, where it is processed and returned as a downloadable Excel file.
1519

@@ -33,7 +37,7 @@ The following sample shows the `Save` option by using the [`saveUrl`](https://ej
3337

3438
{% previewsample "/document-processing/code-snippet/spreadsheet/javascript-es6/open-save-cs5" %}
3539

36-
Please find the below table for the beforeSave event arguments.
40+
Please find the below table for the [`beforeSave`](https://ej2.syncfusion.com/documentation/api/spreadsheet/index-default#beforesave) event arguments.
3741

3842
| **Parameter** | **Type** | **Description** |
3943
| ----- | ----- | ----- |
@@ -54,6 +58,13 @@ Please find the below table for the beforeSave event arguments.
5458

5559
To save Excel files programmatically in the Spreadsheet, you can use the [`save`](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/index-default#save) method of the Spreadsheet component. Before invoking this method, ensure that the [`saveUrl`](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/index-default#saveurl) property is properly configured, as it is required for processing and generating the file on the server.
5660

61+
Please find the below table for the [`save`](https://ej2.syncfusion.com/documentation/api/spreadsheet/index-default#save) method arguments.
62+
63+
| **Parameter** | **Type** | **Description** |
64+
|-----------------------|------------------------|------------------------------------------------------------------|
65+
| options | `Object` | Options for opening the JSON object. |
66+
| jsonConfig *(optional)* | [`SerializationOptions`](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/serializationOptions) | Specify the serialization options to customize the loading of the JSON data. |
67+
5768
The following code example demonstrates how to save an Excel file programmatically in the Spreadsheet.
5869

5970
```js

0 commit comments

Comments
 (0)