Skip to content

Commit c8abd63

Browse files
SyncfusionBuildSyncfusionBuild
committed
Integrated latest changes at 01-16-2025 4:30:13 PM
1 parent e70659a commit c8abd63

File tree

6 files changed

+53
-30
lines changed

6 files changed

+53
-30
lines changed

‎ej2-react-toc.html

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -132,15 +132,16 @@
132132
<li><a href="/ej2-react/visual-studio-integration/convert-project">Convert Project</a></li>
133133
<li><a href="/ej2-react/visual-studio-integration/upgrade-project">Upgrade Project</a></li>
134134
</ul>
135-
</li>
135+
</li>
136136
<li>
137137
UI Kit
138-
<ul>
139-
<li><a href="/ej2-react/ui-kit/overview">Overview</a></li>
140-
<li><a href="/ej2-react/ui-kit/getting-started">Getting Started</a></li>
141-
<li><a href="/ej2-react/ui-kit/build-your-first-react-app-with-blocks">Build your first React app with our blocks</a></li>
142-
</ul>
143-
</li>
138+
<ul>
139+
<li><a href="/ej2-react/ui-kit/overview">Overview</a></li>
140+
<li><a href="/ej2-react/ui-kit/getting-started">Getting Started</a></li>
141+
<li><a href="/ej2-react/ui-kit/build-your-first-react-app-with-blocks">Build your first React app with our blocks</a></li>
142+
</ul>
143+
</li>
144+
144145
<li>
145146
3D Chart
146147
<ul>

‎ej2-react/code-snippet/drop-down-button/item-template-cs1/app/app.jsx

Lines changed: 21 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -36,23 +36,34 @@ function App() {
3636
}
3737
];
3838

39-
const template = `
39+
function itemTemplate(data) {
40+
if (data.properties.url) {
41+
return (
4042
<div>
41-
<span class='e-menu-icon ${'${iconCss}'}'></span>
42-
${
43-
'${url}'
44-
? `<span class='custom-class'><a href='${'${url}'}' target='_blank' rel='noopener noreferrer'>${'${text}'}</a></span>`
45-
: `<span class='custom-class'>${'${text}'}</span>`
46-
}
43+
<span className={`e-menu-icon ${data.properties.iconCss}`}></span>
44+
<span className="custom-class">
45+
<a href={data.properties.url} target="_blank" rel="noopener noreferrer">
46+
{data.properties.text}
47+
</a>
48+
</span>
4749
</div>
48-
`;
50+
);
51+
} else {
52+
return (
53+
<div>
54+
<span className={`e-menu-icon ${data.properties.iconCss}`}></span>
55+
<span className="custom-class">{data.properties.text}</span>
56+
</div>
57+
);
58+
}
59+
}
4960

5061
return (
5162
<div>
52-
<DropDownButtonComponent items={items} itemTemplate = {template} >DropDownButton</DropDownButtonComponent>
63+
<DropDownButtonComponent items={items} itemTemplate={itemTemplate} >DropDownButton</DropDownButtonComponent>
5364
</div>
5465
);
5566
}
5667

5768
export default App;
58-
ReactDom.render(<App />, document.getElementById('button'));
69+
ReactDom.render(<App />, document.getElementById('button'));

‎ej2-react/code-snippet/drop-down-button/item-template-cs1/app/app.tsx

Lines changed: 21 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -36,23 +36,34 @@ function App() {
3636
}
3737
];
3838

39-
const template: string = `
39+
function itemTemplate(data: any): any {
40+
if (data.properties.url) {
41+
return (
4042
<div>
41-
<span class='e-menu-icon ${'${iconCss}'}'></span>
42-
${
43-
'${url}'
44-
? `<span class='custom-class'><a href='${'${url}'}' target='_blank' rel='noopener noreferrer'>${'${text}'}</a></span>`
45-
: `<span class='custom-class'>${'${text}'}</span>`
46-
}
43+
<span className={`e-menu-icon ${data.properties.iconCss}`}></span>
44+
<span className="custom-class">
45+
<a href={data.properties.url} target="_blank" rel="noopener noreferrer">
46+
{data.properties.text}
47+
</a>
48+
</span>
4749
</div>
48-
`;
50+
);
51+
} else {
52+
return (
53+
<div>
54+
<span className={`e-menu-icon ${data.properties.iconCss}`}></span>
55+
<span className="custom-class">{data.properties.text}</span>
56+
</div>
57+
);
58+
}
59+
}
4960

5061
return (
5162
<div>
52-
<DropDownButtonComponent items={items} itemTemplate = {template} >DropDownButton</DropDownButtonComponent>
63+
<DropDownButtonComponent items={items} itemTemplate={itemTemplate} >DropDownButton</DropDownButtonComponent>
5364
</div>
5465
);
5566
}
5667

5768
export default App;
58-
ReactDom.render(<App />, document.getElementById('button'));
69+
ReactDom.render(<App />, document.getElementById('button'));

‎ej2-react/treegrid/columns/columns.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -215,4 +215,4 @@ To render boolean values as checkbox in columns, you need to set [`displayAsChec
215215

216216
{% previewsample "page.domainurl/code-snippet/treegrid/column-cs18" %}
217217

218-
> You can refer to our [`React Tree Grid`](https://www.syncfusion.com/react-ui-components/react-tree-grid) feature tour page for its groundbreaking feature representations. You can also explore our [`React Tree Grid example`](https://ej2.syncfusion.com/react/demos/#/material/treegrid/treegrid-overview) to knows how to present and manipulate data.
218+
> You can refer to our [`React Tree Grid`](https://www.syncfusion.com/react-components/react-tree-grid) feature tour page for its groundbreaking feature representations. You can also explore our [`React Tree Grid example`](https://ej2.syncfusion.com/react/demos/#/bootstrap5/treegrid/treegrid-overview) to knows how to present and manipulate data.

‎ej2-react/treegrid/how-to/customize-the-edit-dialog.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -31,4 +31,4 @@ In the below example, we have changed the dialog's header text for editing and a
3131

3232
{% previewsample "page.domainurl/code-snippet/treegrid/customizedialog-cs1" %}
3333

34-
> You can refer to our [`React Tree Grid`](https://www.syncfusion.com/react-components/react-tree-grid) feature tour page for its groundbreaking feature representations. You can also explore our [`React Tree Grid example`](https://ej2.syncfusion.com/react/demos/#/material/treegrid/treegrid-overview) to knows how to present and manipulate data.
34+
> You can refer to our [`React Tree Grid`](https://www.syncfusion.com/react-components/react-tree-grid) feature tour page for its groundbreaking feature representations. You can also explore our [`React Tree Grid example`](https://ej2.syncfusion.com/react/demos/#/bootstrap5/treegrid/treegrid-overview) to knows how to present and manipulate data.

‎ej2-react/uploader/how-to/add-confirm-dialog-to-remove-the-files.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,4 +23,4 @@ You can customize the uploader component using confirm dialog before removing th
2323

2424
{% previewsample "page.domainurl/code-snippet/uploader/confirm-dialog-cs1" %}
2525

26-
>You can also explore [React File Upload](https://www.syncfusion.com/react-ui-components/react-file-upload) feature tour page for its groundbreaking features. You can also explore our [React File Upload example](https://ej2.syncfusion.com/react/demos/#/material/uploader/default) to understand how to browse the files which you want to upload to the server.
26+
>You can also explore [React File Upload](https://www.syncfusion.com/react-components/react-file-upload) feature tour page for its groundbreaking features. You can also explore our [React File Upload example](https://ej2.syncfusion.com/react/demos/#/bootstrap5/uploader/default) to understand how to browse the files which you want to upload to the server.

0 commit comments

Comments
 (0)