[add] docs for export/import JSON data

Author: Victory

docs/api/export_json_method.md

@@ -0,0 +1,33 @@
+---
+sidebar_label: json()
+title: json export method
+description: You can learn about the json export method in the documentation of the DHTMLX JavaScript Spreadsheet library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Spreadsheet.
+---
+
+# json()
+
+### Description
+
+@short: Exports data from a spreadsheet into a JSON file
+
+### Usage
+
+~~~jsx
+json(): void;
+~~~
+
+### Example
+
+~~~jsx {5}
+const spreadsheet = new dhx.Spreadsheet("spreadsheet", {
+    // config parameters
+});
+// exports data from a spreadsheet into a JSON file
+spreadsheet.export.json();
+~~~
+
+**Changelog:** Added in v4.3
+
+**Related articles:** [Data loading and export](loading_data.md)
+
+**Related sample:** [Spreadsheet. Export/import JSON](https://snippet.dhtmlx.com/e3xct53l)

docs/api/overview/actions_overview.md

@@ -6,11 +6,9 @@ description: You can have an Actions overview of the DHTMLX JavaScript Spreadshe
 
 # Actions overview
 
-:::info
-From v4.3, the Spreadsheet library introduces a new conception of interaction with Spreadsheet events.
-:::
+This section is dedicated to a new conception of interaction with Spreadsheet events.
 
-Now DHTMLX Spreadsheet includes a pair of the [beforeAction](api/spreadsheet_beforeaction_event.md)/[afterAction](api/spreadsheet_afteraction_event.md) events that are intended to make your code simple and concise. They will fire right before an action is executed and indicate which exactly action has been performed.
+Starting from v4.3, DHTMLX Spreadsheet includes a pair of the [beforeAction](api/spreadsheet_beforeaction_event.md)/[afterAction](api/spreadsheet_afteraction_event.md) events that are intended to make your code simple and concise. They will fire right before an action is executed and indicate which exactly action has been performed.
 
 ~~~js
 spreadsheet.events.on("beforeAction", (actionName, config) => {

docs/api/spreadsheet_load_method.md

@@ -68,4 +68,35 @@ Please note that the component supports import from Excel files with the **.xlsx
 
 DHTMLX Spreadsheet uses the WebAssembly-based library [Excel2Json](https://github.com/dhtmlx/excel2json) for import of data from Excel. [Check the details](loading_data.md#loading-excel-file-xlsx).
 
+### Loading JSON files
+
+It is possible to allow end users to load a JSON file into the spreadsheet via the File Explorer. To do that: 
+
+- Specify a button to open the File Explorer where ".json" files can be selected:
+
+~~~html
+<section class="dhx_sample-controls">
+    <button class="dhx_sample-btn dhx_sample-btn--flat" onclick="json()">Import json</button>
+</section>
+~~~
+
+
+- Call the **load()** method with two parameters: an empty string as an URL and the type of data to load ("json"):
+
+~~~js
+const spreadsheet = new dhx.Spreadsheet("spreadsheet", {
+    menu: true,
+});
+
+spreadsheet.parse(dataset);
+
+function json() {
+    spreadsheet.load("", "json"); // loads data from a .json file
+}
+~~~
+
+Check the [example](https://snippet.dhtmlx.com/e3xct53l).
+
+**Changelog:** The ability to load a JSON file via the File Explorer was added in v4.3
+
 **Related articles:** [Data loading and export](loading_data.md)

docs/loading_data.md

@@ -125,6 +125,11 @@ spreadsheet.load("../common/data.json");
 
 **Related sample**: [Spreadsheet. Load Data](https://snippet.dhtmlx.com/ih9zmc3e)
 
+
+:::info
+If you need to provide end users with the ability to import a JSON file into the spreadsheet via the File Explorer, read [Loading JSON files](api/spreadsheet_load_method.md#loading-json-files).
+:::
+
 ### Loading CSV data
 
 You can also load data in the CSV format. For this, you need to call the [](api/spreadsheet_load_method.md) method and pass the name of the format ("csv") as the second parameter:
@@ -223,6 +228,8 @@ spreadsheet2.parse(state);
 
 ## Exporting data
 
+### Export into Excel
+
 DHTMLX Spreadsheet provides the ability to export data from a spreadsheet into an Excel file. There are corresponding controls in the Toolbar and Menu in the user interface:
 
 - Menu: File -> Download as..-> Microsoft Excel(.xlsx)
@@ -233,7 +240,7 @@ DHTMLX Spreadsheet provides the ability to export data from a spreadsheet into a
 
 ![Export from Excel toolbar](assets/export_xlsx.png)
 
-### How to export data
+#### How to export data
 
 {{note Please note that the export feature won't work in the Internet Explorer browser.}}
 
@@ -263,3 +270,13 @@ spreadsheet.export.xlsx();
 {{note Please note that the component supports export to Excel files with the **.xlsx** extension only.}}
 
 Check the steps of [importing data from an Excel file into Spreadsheet](#loading-excel-file-xlsx).
+
+### Export into JSON
+
+From v4.3, the library also includes the ability to export data from a spreadsheet into a JSON file. Use the [json()](api/export_json_method.md) method of the Export object for this purpose:
+
+~~~js
+spreadsheet.export.json();
+~~~
+
+**Related sample**: [Spreadsheet. Export/import JSON](https://snippet.dhtmlx.com/e3xct53l)

sidebars.js

@@ -201,6 +201,7 @@ module.exports = {
             id: "api/overview/export_overview"
           },
           items: [
+            "api/export_json_method",
             "api/export_xlsx_method",
           ],
         },