Skip to content

Commit 7a4c03d

Browse files
committed
1014442: modified content in open/save json for how to session
1 parent a73309d commit 7a4c03d

4 files changed

Lines changed: 19 additions & 14 deletions

File tree

Document-Processing/Excel/Spreadsheet/React/how-to/paste-values-without-formatting.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ documentation: ug
1111

1212
In the Syncfusion React Spreadsheet, you can make the paste action insert only the raw values into the cells, without bringing any formatting or styles from the copied content. This can be done by using the [actionBegin](https://ej2.syncfusion.com/documentation/api/spreadsheet/index-default#actionbegin) event, where the Spreadsheet provides the details of the action being performed. When the action is a clipboard operation, you can set the paste type to Values, ensuring that only plain values are pasted into the sheet.
1313

14-
This sample demonstrates how actionBegin makes the Spreadsheet paste values without formatting.
14+
The following example shows how `actionBegin` makes the Spreadsheet paste values without formatting.
1515

1616
{% tabs %}
1717
{% highlight js tabtitle="app.jsx" %}

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

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -160,13 +160,15 @@ Please find the code to fetch the blob data and load it into the Spreadsheet com
160160
161161
{% previewsample "/document-processing/code-snippet/spreadsheet/react/open-from-blobdata-cs1" %}
162162
163-
### Open from JSON
163+
### Load Workbook as JSON
164164
165-
The [openFromJson](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/index-default#openfromjson) method allows you to load a complete workbook into the Spreadsheet using a JSON object. This JSON is typically generated on the server when an Excel file is converted, but it can also be created manually. When the method loads the JSON, it restores all workbook details, including sheets, cell values, styles, formulas, and formatting.
165+
The Spreadsheet component allows you to load an entire workbook by using JSON object. This JSON object is given directly as a data source or typically generated on the server when an Excel file is converted, but also suitable for manual creation or editing—contains all workbook details such as sheets, cell values, formulas, styles, and formatting.
166166
167-
This method is useful when you need to load Excel data in the browser without working with the actual Excel file. Because the Excel processing is handled on the server, the client works only with lightweight JSON, resulting in faster loading and accurate restoration of the workbook’s structure and formatting. Developers can also modify the workbook in JSON form before loading it into the component.
167+
You can also create JSON object by [configuring deserialization options](https://help.syncfusion.com/document-processing/excel/spreadsheet/react/open-save#configure-json-deserialization-options) and passing them as arguments to the [openFromJson](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/index-default#openfromjson) method to restore the workbook's structure and appearance. When the method loads the JSON, it restores all workbook details, including sheets, cell values, styles, formulas, and formatting.
168168
169-
This approach provides a quicker and more consistent loading experience. Large or complex Excel files can be displayed smoothly in the browser, which helps maintain a stable and efficient workflow.
169+
Reference: Guide to Creating the JSON Structure: https://help.syncfusion.com/document-processing/excel/spreadsheet/react/how-to/create-a-object-structure.
170+
171+
Overall, this JSON‑based approach offers a faster and more consistent experience when loading large or complex Excel files, ensuring smooth rendering within the Spreadsheet component.
170172
171173
Please find the code to fetch the JSON data and load it into the Spreadsheet component below.
172174

Document-Processing/Excel/Spreadsheet/React/rows-and-columns.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -155,15 +155,15 @@ You can change the size of rows and columns in the spreadsheet by using [setRows
155155

156156
You can change the height of single or multiple rows by using the [setRowsHeight](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/#setrowsheight) method.
157157

158-
Additionally, each row model includes a `customHeight` property that indicates the row height was explicitly set either by manually adjusting the row header boundary or programmatically. When `customHeight` is true, the height is treated as manually defined and will not change automatically when enabling wrap text, increasing font size, or changing the font family; the height remains fixed until the user or code updates it.
159-
160158
You can provide the following type of ranges to the method:
161159

162160
* Single row range: `['2:2']`
163161
* Multiple rows range: `['1:100']`
164162
* Multiple rows with discontinuous range: `['1:10', '15:25', '30:40']`
165163
* Multiple rows with different sheets: `[Sheet1!1:50, 'Sheet2!1:50', 'Sheet3!1:50']`
166164

165+
Additionally, each row model includes a `customHeight` property that indicates the row height was explicitly set either by manually adjusting the row header boundary or programmatically. When `customHeight` is true, the height is treated as manually defined and will not change automatically when enabling wrap text, increasing font size, or changing the font family; the height remains fixed until the user or code updates it.
166+
167167
The following code example shows how to change the height for single/multiple rows in the spreadsheet.
168168

169169
{% tabs %}
@@ -187,15 +187,15 @@ The following code example shows how to change the height for single/multiple ro
187187

188188
You can change the width of single or multiple columns by using the [setColumnsWidth](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/#setcolumnswidth) method.
189189

190-
Additionally, each column model includes a `customWidth` property that indicates the column width was explicitly set either by manually adjusting the row header boundary or programmatically. When `customWidth` is true, the width is treated as manually defined.
191-
192190
You can provide the following type of ranges to the method:
193191

194192
* Single column range: `['F:F']`
195193
* Multiple columns range: `['A:F']`
196194
* Multiple columns with discontinuous range: `['A:C', 'G:I', 'K:M']`
197195
* Multiple columns with different sheets: `[Sheet1!A:H, 'Sheet2!A:H', 'Sheet3!A:H']`
198196

197+
Additionally, each column model includes a `customWidth` property that indicates the column width was explicitly set either by manually adjusting the column header boundary or programmatically. When `customWidth` is true, the width is treated as manually defined.
198+
199199
The following code example shows how to change the width for single/multiple columns in the spreadsheet.
200200

201201
{% tabs %}

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

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -134,15 +134,18 @@ Please find below the code to retrieve blob data from the Spreadsheet control be
134134
135135
{% previewsample "/document-processing/code-snippet/spreadsheet/javascript-es6/save-as-blobdata-cs1" %}
136136
137-
### Save Excel files as JSON
137+
### Save Workbook as JSON
138138
139-
The [saveAsJson](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/index-default#saveasjson) method converts the entire Spreadsheet workbook into a JSON object that contains sheets, cell values, formulas, styles, formatting, charts, and other workbook settings. This JSON acts as a complete representation of the current spreadsheet state and can be stored, sent to a server, or later loaded back using openFromJson.
139+
The Spreadsheet component allows you to save an entire workbook as a JSON object. This JSON object, which contains all workbook details such as sheets, cell values, formulas, styles, formatting, and other settingscan be stored, transferred, or used later to recreate the workbook.
140140
141-
This method is useful when the workbook needs to be saved in a structured format without generating an Excel file immediately. Because the data is captured as JSON, it is easier to store in a database, send through an API, or process on the server before creating an Excel file. It also allows the workbook to be restored later with all styles, formulas, and layout intact.
141+
You can also customize the generated JSON object by [configuring serialization options](https://help.syncfusion.com/document-processing/excel/spreadsheet/react/open-save#configure-json-serialization-options) and passing them as arguments to the [saveAsJson](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/index-default#saveasjson) method to control how the workbook is exported as JSON.
142142
143-
This approach is faster and produces a lightweight JSON that's easy to store or transfer. When reloaded, the workbook is restored exactly as before.
143+
Reference: Guide to Creating the JSON Structure:
144+
https://help.syncfusion.com/document-processing/excel/spreadsheet/react/how-to/create-a-object-structure
144145
145-
Please find below the code to retrieve JSON data from the Spreadsheet control below.
146+
Overall, this JSON‑based approach offers a faster and more efficient way to save large or complex Excel files, producing lightweight JSON that is easy to store, process, or transmit.
147+
148+
Please find below the code to retrieve JSON data from the Spreadsheet component.
146149
147150
{% tabs %}
148151
{% highlight js tabtitle="app.jsx" %}

0 commit comments

Comments
 (0)