Skip to content

Commit 4339e23

Browse files
SyncfusionBuildSyncfusionBuild
committed
Integrated latest changes at 06-18-2024 11:38:37 PM
1 parent e811edf commit 4339e23

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

45 files changed

+2387
-5
lines changed

‎ej2-react-toc.html

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2391,16 +2391,18 @@
23912391
<li><a href="/ej2-react/spreadsheet/sort">Sorting</a></li>
23922392
<li><a href="/ej2-react/spreadsheet/filter">Filtering</a></li>
23932393
<li><a href="/ej2-react/spreadsheet/link">Hyperlink</a></li>
2394+
<li><a href="/ej2-react/spreadsheet/notes">Notes</a></li>
23942395
<li><a href="/ej2-react/spreadsheet/clipboard">Clipboard</a></li>
23952396
<li><a href="/ej2-react/spreadsheet/selection">Selection</a></li>
23962397
<li><a href="/ej2-react/spreadsheet/scrolling">Scrolling</a></li>
23972398
<li><a href="/ej2-react/spreadsheet/protect-sheet">Protection</a></li>
23982399
<li><a href="/ej2-react/spreadsheet/searching">Find and Replace</a></li>
23992400
<li><a href="/ej2-react/spreadsheet/undo-redo">Undo and Redo</a></li>
2400-
<li><a href="/ej2-react/spreadsheet/accessibility">Accessibility</a></li>
2401-
<li><a href="/ej2-react/spreadsheet/keyboard-shortcuts">Keyboard Shortcuts</a></li>
24022401
<li><a href="/ej2-react/spreadsheet/ribbon">Ribbon</a></li>
2402+
<li><a href="/ej2-react/spreadsheet/print">Print</a></li>
24032403
<li><a href="/ej2-react/spreadsheet/global-local">Globalization</a></li>
2404+
<li><a href="/ej2-react/spreadsheet/accessibility">Accessibility</a></li>
2405+
<li><a href="/ej2-react/spreadsheet/keyboard-shortcuts">Keyboard Shortcuts</a></li>
24042406
<li><a href="/ej2-react/spreadsheet/freeze-pane">Freeze Panes</a></li>
24052407
<li><a href="/ej2-react/spreadsheet/template">Templates</a></li>
24062408
<li>How To
@@ -2939,7 +2941,7 @@
29392941
</ul>
29402942
</li> <li>Release Notes
29412943
<ul>
2942-
<li>2024 Volume 2 - 26.*<ul><li><a href="/ej2-react/release-notes/26.1.35">26.1.35 Main Release</a></li></ul></li><li>2024 Volume 1 - 25.*<ul><li>Weekly Release<ul><li><a href="/ej2-react/release-notes/25.2.7">25.2.7</a></li><li><a href="/ej2-react/release-notes/25.2.6">25.2.6</a></li><li><a href="/ej2-react/release-notes/25.2.5">25.2.5</a></li><li><a href="/ej2-react/release-notes/25.2.4">25.2.4</a></li><li><a href="/ej2-react/release-notes/25.1.42">25.1.42</a></li><li><a href="/ej2-react/release-notes/25.1.41">25.1.41</a></li><li><a href="/ej2-react/release-notes/25.1.40">25.1.40</a></li><li><a href="/ej2-react/release-notes/25.1.39">25.1.39</a></li><li><a href="/ej2-react/release-notes/25.1.38">25.1.38</a></li><li><a href="/ej2-react/release-notes/25.1.37">25.1.37</a></li></ul></li><li><a href="/ej2-react/release-notes/25.2.3">25.2.3 Service Pack Release</a></li><li><a href="/ej2-react/release-notes/25.1.35">25.1.35 Main Release</a></li></ul></li>
2944+
<li>2024 Volume 2 - 26.*<ul><li>Weekly Release<ul><li><a href="/ej2-react/release-notes/26.1.38">26.1.38</a></li></ul></li><li><a href="/ej2-react/release-notes/26.1.35">26.1.35 Main Release</a></li></ul></li><li>2024 Volume 1 - 25.*<ul><li>Weekly Release<ul><li><a href="/ej2-react/release-notes/25.2.7">25.2.7</a></li><li><a href="/ej2-react/release-notes/25.2.6">25.2.6</a></li><li><a href="/ej2-react/release-notes/25.2.5">25.2.5</a></li><li><a href="/ej2-react/release-notes/25.2.4">25.2.4</a></li><li><a href="/ej2-react/release-notes/25.1.42">25.1.42</a></li><li><a href="/ej2-react/release-notes/25.1.41">25.1.41</a></li><li><a href="/ej2-react/release-notes/25.1.40">25.1.40</a></li><li><a href="/ej2-react/release-notes/25.1.39">25.1.39</a></li><li><a href="/ej2-react/release-notes/25.1.38">25.1.38</a></li><li><a href="/ej2-react/release-notes/25.1.37">25.1.37</a></li></ul></li><li><a href="/ej2-react/release-notes/25.2.3">25.2.3 Service Pack Release</a></li><li><a href="/ej2-react/release-notes/25.1.35">25.1.35 Main Release</a></li></ul></li>
29432945
<li>2023 Volume 4 - 24.*<ul><li>Weekly Release<ul><li><a href="/ej2-react/release-notes/24.2.9">24.2.9</a></li><li><a href="/ej2-react/release-notes/24.2.8">24.2.8</a></li><li><a href="/ej2-react/release-notes/24.2.7">24.2.7</a></li><li><a href="/ej2-react/release-notes/24.2.6">24.2.6</a></li><li><a href="/ej2-react/release-notes/24.2.5">24.2.5</a></li><li><a href="/ej2-react/release-notes/24.2.4">24.2.4</a></li><li><a href="/ej2-react/release-notes/24.1.47">24.1.47</a></li><li><a href="/ej2-react/release-notes/24.1.46">24.1.46</a></li><li><a href="/ej2-react/release-notes/24.1.45">24.1.45</a></li><li><a href="/ej2-react/release-notes/24.1.44">24.1.44</a></li><li><a href="/ej2-react/release-notes/24.1.43">24.1.43</a></li></ul></li><li><a href="/ej2-react/release-notes/24.2.3">24.2.3 Service Pack Release</a></li><li><a href="/ej2-react/release-notes/24.1.41">24.1.41 Main Release</a></li></ul></li>
29442946
<li>2023 Volume 3 - 23.*<ul><li> Weekly Release<ul><li><a href="/ej2-react/release-notes/23.2.7">23.2.7</a></li><li><a href="/ej2-react/release-notes/23.2.6">23.2.6</a></li><li><a href="/ej2-react/release-notes/23.2.5">23.2.5</a></li><li><a href="/ej2-react/release-notes/23.1.44">23.1.44</a></li><li><a href="/ej2-react/release-notes/23.1.43">23.1.43</a></li><li><a href="/ej2-react/release-notes/23.1.42">23.1.42</a></li><li><a href="/ej2-react/release-notes/23.1.41">23.1.41</a></li><li><a href="/ej2-react/release-notes/23.1.40">23.1.40</a></li><li><a href="/ej2-react/release-notes/23.1.39">23.1.39</a></li><li><a href="/ej2-react/release-notes/23.1.38">23.1.38</a></li></ul></li><li><a href="/ej2-react/release-notes/23.2.4">23.2.4 Service Pack Release</a></li><li><a href="/ej2-react/release-notes/23.1.36">23.1.36 Main Release</a></li></ul></li>
29452947
<li>2023 Volume 2 - 22.*

‎ej2-react/Release-notes/26.1.38.md

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
---
2+
title: Essential Studio for React Weekly Release Release Notes
3+
description: Essential Studio for React Weekly Release Release Notes
4+
platform: ej2-react
5+
documentation: ug
6+
---
7+
8+
# Essential Studio for React Release Notes
9+
10+
{% include release-info.html date="June 19, 2024" version="v26.1.38" %}
11+
12+
{% directory path: _includes/release-notes/v26.1.38 %}
13+
14+
{% include {{file.url}} %}
15+
16+
{% enddirectory %}

‎ej2-react/code-snippet/spreadsheet/note-cs1/app/app.jsx

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
{% raw %}
2+
import * as React from 'react';
3+
import { createRoot } from 'react-dom/client';
4+
import { SpreadsheetComponent, SheetsDirective, SheetDirective, RangesDirective } from '@syncfusion/ej2-react-spreadsheet';
5+
import { RangeDirective, ColumnsDirective, ColumnDirective } from '@syncfusion/ej2-react-spreadsheet';
6+
import { data } from './datasource';
7+
8+
function App() {
9+
const spreadsheetRef = React.useRef(null);
10+
function onCreated() {
11+
let spreadsheet = spreadsheetRef.current;
12+
if (spreadsheet) {
13+
spreadsheet.cellFormat({ fontWeight: 'bold', textAlign: 'center', verticalAlign: 'middle' }, 'A1:F1');
14+
}
15+
}
16+
17+
return (
18+
<div>
19+
<SpreadsheetComponent ref={spreadsheetRef} allowOpen={true} allowSave={true} openUrl='https://services.syncfusion.com/react/production/api/spreadsheet/open' saveUrl='https://services.syncfusion.com/react/production/api/spreadsheet/save' created={onCreated.bind(this)}>
20+
<SheetsDirective>
21+
<SheetDirective name="Price Details">
22+
<RangesDirective>
23+
<RangeDirective dataSource={data}></RangeDirective>
24+
</RangesDirective>
25+
<ColumnsDirective>
26+
<ColumnDirective width={130}></ColumnDirective>
27+
<ColumnDirective width={92}></ColumnDirective>
28+
<ColumnDirective width={96}></ColumnDirective>
29+
</ColumnsDirective>
30+
</SheetDirective>
31+
</SheetsDirective>
32+
</SpreadsheetComponent>
33+
</div>
34+
);
35+
};
36+
export default App;
37+
38+
const root = createRoot(document.getElementById('root'));
39+
root.render(<App />);
40+
{% endraw %}

‎ej2-react/code-snippet/spreadsheet/note-cs1/app/app.tsx

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
{% raw %}
2+
import * as React from 'react';
3+
import { createRoot } from 'react-dom/client';
4+
import { SpreadsheetComponent, SheetsDirective, SheetDirective, RangesDirective } from '@syncfusion/ej2-react-spreadsheet';
5+
import { RangeDirective, ColumnsDirective, ColumnDirective } from '@syncfusion/ej2-react-spreadsheet';
6+
import { data } from './datasource';
7+
8+
function App() {
9+
const spreadsheetRef = React.useRef<SpreadsheetComponent>(null);
10+
function onCreated() {
11+
let spreadsheet = spreadsheetRef.current;
12+
if (spreadsheet) {
13+
spreadsheet.cellFormat({ fontWeight: 'bold', textAlign: 'center', verticalAlign: 'middle' }, 'A1:F1');
14+
}
15+
}
16+
17+
return (
18+
<div>
19+
<SpreadsheetComponent ref={spreadsheetRef} allowOpen={true} allowSave={true} openUrl='https://services.syncfusion.com/react/production/api/spreadsheet/open' saveUrl='https://services.syncfusion.com/react/production/api/spreadsheet/save' created={onCreated.bind(this)}>
20+
<SheetsDirective>
21+
<SheetDirective name="Price Details">
22+
<RangesDirective>
23+
<RangeDirective dataSource={data}></RangeDirective>
24+
</RangesDirective>
25+
<ColumnsDirective>
26+
<ColumnDirective width={130}></ColumnDirective>
27+
<ColumnDirective width={92}></ColumnDirective>
28+
<ColumnDirective width={96}></ColumnDirective>
29+
</ColumnsDirective>
30+
</SheetDirective>
31+
</SheetsDirective>
32+
</SpreadsheetComponent>
33+
</div>
34+
);
35+
};
36+
export default App;
37+
38+
const root = createRoot(document.getElementById('root')!);
39+
root.render(<App />);
40+
{% endraw %}

‎ej2-react/code-snippet/spreadsheet/note-cs1/app/datasource.jsx

Lines changed: 105 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,105 @@
1+
/**
2+
* Merge cells data source
3+
*/
4+
export let data = [
5+
{
6+
'Item Name': 'Casual Shoes',
7+
'Date': '02/14/2014',
8+
'Time': '11:34:32 AM',
9+
'Quantity': 10,
10+
'Price': 20,
11+
'Amount': 200,
12+
'Discount': 1,
13+
'Profit': 10,
14+
},
15+
{
16+
'Item Name': 'Sports Shoes',
17+
'Date': '06/11/2014',
18+
'Time': '05:56:32 AM',
19+
'Quantity': 20,
20+
'Price': 30,
21+
'Amount': 600,
22+
'Discount': 5,
23+
'Profit': 50,
24+
},
25+
{
26+
'Item Name': 'Formal Shoes',
27+
'Date': '07/27/2014',
28+
'Time': '03:32:44 AM',
29+
'Quantity': 20,
30+
'Price': 15,
31+
'Amount': 300,
32+
'Discount': 7,
33+
'Profit': 27,
34+
},
35+
{
36+
'Item Name': 'Sandals & Floaters',
37+
'Date': '11/21/2014',
38+
'Time': '06:23:54 AM',
39+
'Quantity': 15,
40+
'Price': 20,
41+
'Amount': 300,
42+
'Discount': 11,
43+
'Profit': 67,
44+
},
45+
{
46+
'Item Name': 'Flip- Flops & Slippers',
47+
'Date': '06/23/2014',
48+
'Time': '12:43:59 AM',
49+
'Quantity': 30,
50+
'Price': 10,
51+
'Amount': 300,
52+
'Discount': 10,
53+
'Profit': 70,
54+
},
55+
{
56+
'Item Name': 'Sneakers',
57+
'Date': '07/22/2014',
58+
'Time': '10:55:53 AM',
59+
'Quantity': 40,
60+
'Price': 20,
61+
'Amount': 800,
62+
'Discount': 13,
63+
'Profit': 66,
64+
},
65+
{
66+
'Item Name': 'Running Shoes',
67+
'Date': '02/04/2014',
68+
'Time': '03:44:34 AM',
69+
'Quantity': 20,
70+
'Price': 10,
71+
'Amount': 200,
72+
'Discount': 3,
73+
'Profit': 14,
74+
},
75+
{
76+
'Item Name': 'Loafers',
77+
'Date': '11/30/2014',
78+
'Time': '03:12:52 AM',
79+
'Quantity': 31,
80+
'Price': 10,
81+
'Amount': 310,
82+
'Discount': 6,
83+
'Profit': 29,
84+
},
85+
{
86+
'Item Name': 'Cricket Shoes',
87+
'Date': '07/09/2014',
88+
'Time': '11:32:14 AM',
89+
'Quantity': 41,
90+
'Price': 30,
91+
'Amount': 1210,
92+
'Discount': 12,
93+
'Profit': 166,
94+
},
95+
{
96+
'Item Name': 'T-Shirts',
97+
'Date': '10/31/2014',
98+
'Time': '12:01:44 AM',
99+
'Quantity': 50,
100+
'Price': 10,
101+
'Amount': 500,
102+
'Discount': 9,
103+
'Profit': 55,
104+
}
105+
];

‎ej2-react/code-snippet/spreadsheet/note-cs1/app/datasource.tsx

Lines changed: 105 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,105 @@
1+
/**
2+
* Note data source
3+
*/
4+
export let data: Object[] = [
5+
{
6+
'Item Name': 'Casual Shoes',
7+
'Date': '02/14/2014',
8+
'Time': '11:34:32 AM',
9+
'Quantity': 10,
10+
'Price': 20,
11+
'Amount': 200,
12+
'Discount': 1,
13+
'Profit': 10,
14+
},
15+
{
16+
'Item Name': 'Sports Shoes',
17+
'Date': '06/11/2014',
18+
'Time': '05:56:32 AM',
19+
'Quantity': 20,
20+
'Price': 30,
21+
'Amount': 600,
22+
'Discount': 5,
23+
'Profit': 50,
24+
},
25+
{
26+
'Item Name': 'Formal Shoes',
27+
'Date': '07/27/2014',
28+
'Time': '03:32:44 AM',
29+
'Quantity': 20,
30+
'Price': 15,
31+
'Amount': 300,
32+
'Discount': 7,
33+
'Profit': 27,
34+
},
35+
{
36+
'Item Name': 'Sandals & Floaters',
37+
'Date': '11/21/2014',
38+
'Time': '06:23:54 AM',
39+
'Quantity': 15,
40+
'Price': 20,
41+
'Amount': 300,
42+
'Discount': 11,
43+
'Profit': 67,
44+
},
45+
{
46+
'Item Name': 'Flip- Flops & Slippers',
47+
'Date': '06/23/2014',
48+
'Time': '12:43:59 AM',
49+
'Quantity': 30,
50+
'Price': 10,
51+
'Amount': 300,
52+
'Discount': 10,
53+
'Profit': 70,
54+
},
55+
{
56+
'Item Name': 'Sneakers',
57+
'Date': '07/22/2014',
58+
'Time': '10:55:53 AM',
59+
'Quantity': 40,
60+
'Price': 20,
61+
'Amount': 800,
62+
'Discount': 13,
63+
'Profit': 66,
64+
},
65+
{
66+
'Item Name': 'Running Shoes',
67+
'Date': '02/04/2014',
68+
'Time': '03:44:34 AM',
69+
'Quantity': 20,
70+
'Price': 10,
71+
'Amount': 200,
72+
'Discount': 3,
73+
'Profit': 14,
74+
},
75+
{
76+
'Item Name': 'Loafers',
77+
'Date': '11/30/2014',
78+
'Time': '03:12:52 AM',
79+
'Quantity': 31,
80+
'Price': 10,
81+
'Amount': 310,
82+
'Discount': 6,
83+
'Profit': 29,
84+
},
85+
{
86+
'Item Name': 'Cricket Shoes',
87+
'Date': '07/09/2014',
88+
'Time': '11:32:14 AM',
89+
'Quantity': 41,
90+
'Price': 30,
91+
'Amount': 1210,
92+
'Discount': 12,
93+
'Profit': 166,
94+
},
95+
{
96+
'Item Name': 'T-Shirts',
97+
'Date': '10/31/2014',
98+
'Time': '12:01:44 AM',
99+
'Quantity': 50,
100+
'Price': 10,
101+
'Amount': 500,
102+
'Discount': 9,
103+
'Profit': 55,
104+
}
105+
];

‎ej2-react/code-snippet/spreadsheet/note-cs1/index.html

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<title>Syncfusion React Spreadsheet</title>
6+
<meta charset="utf-8" />
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
8+
<meta name="description" content="Essential JS 2 for React Components" />
9+
<meta name="author" content="Syncfusion" />
10+
<link href="https://cdn.syncfusion.com/ej2/26.1.35/material.css" rel="stylesheet" type="text/css" />
11+
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
12+
<script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
13+
<script src="systemjs.config.js"></script>
14+
<style>
15+
#loader {
16+
color: #008cff;
17+
height: 40px;
18+
left: 45%;
19+
position: absolute;
20+
top: 45%;
21+
width: 30%;
22+
}
23+
24+
.custom-btn {
25+
margin-bottom: 10px;
26+
}
27+
28+
body {
29+
overflow: hidden;
30+
}
31+
</style>
32+
</head>
33+
34+
<body>
35+
<div id='root'>
36+
<div id='loader'>Loading....</div>
37+
</div>
38+
</body>
39+
40+
</html>

0 commit comments

Comments
 (0)