Skip to content

Commit 179a243

Browse files
SyncfusionBuildSyncfusionBuild
committed
Integrated latest changes at 05-22-2024 1:30:20 PM
1 parent f6eb781 commit 179a243

31 files changed

+1288
-225
lines changed

‎ej2-javascript-toc.html

Lines changed: 1 addition & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -184,7 +184,6 @@
184184
<li><a href="/ej2-javascript/auto-complete/how-to/icon-support">Show the list items with icons</a></li>
185185
<li><a href="/ej2-javascript/auto-complete/how-to/custom-search">Custom highlight search</a></li>
186186
<li><a href="/ej2-javascript/auto-complete/how-to/filter">Filter using both text and value field</a></li>
187-
<li><a href="/ej2-javascript/auto-complete/how-to/achieve-virtual-scrolling">Virtual Scrolling</a></li>
188187
</ul>
189188
</li>
190189
<li><a href="/ej2-javascript/auto-complete/ej1-api-migration">Migration from Essential JS 1</a></li>
@@ -559,7 +558,6 @@
559558
<li><a href="/ej2-javascript/combo-box/how-to/autofill">Autofill supported with ComboBox</a></li>
560559
<li><a href="/ej2-javascript/combo-box/how-to/cascading">Configure the Cascading ComboBox</a></li>
561560
<li><a href="/ej2-javascript/combo-box/how-to/icons-support">Show the list items with icons</a></li>
562-
<li><a href="/ej2-javascript/combo-box/how-to/achieve-virtual-scrolling">Virtual Scrolling</a></li>
563561
</ul>
564562
</li>
565563
<li><a href="/ej2-javascript/combo-box/ej1-api-migration">Migration from Essential JS 1</a></li>
@@ -952,7 +950,6 @@
952950
<li><a href="/ej2-javascript/drop-down-list/how-to/tooltip">DropDownList options with tooltip</a></li>
953951
<li><a href="/ej2-javascript/drop-down-list/how-to/value-change">Detect whether the value change happened by manual or programmatic</a></li>
954952
<li><a href="/ej2-javascript/drop-down-list/how-to/value-support">Whether each list items hold unique value</a></li>
955-
<li><a href="/ej2-javascript/drop-down-list/how-to/achieve-virtual-scrolling">Virtual Scrolling</a></li>
956953
</ul>
957954
</li>
958955
<li><a href="/ej2-javascript/drop-down-list/ej1-api-migration">Migration from Essential JS 1</a></li>
@@ -1148,9 +1145,8 @@
11481145
<ul>
11491146
<li><a href="/ej2-javascript/grid/getting-started">Getting Started</a></li>
11501147
<li><a href="/ej2-javascript/grid/module">Feature Modules</a></li>
1151-
<li>Data Binding
1148+
<li><a href="/ej2-javascript/grid/data-binding/data-binding">Data Binding</a>
11521149
<ul>
1153-
<li><a href="/ej2-javascript/grid/data-binding/data-binding">Data Binding</a></li>
11541150
<li><a href="/ej2-javascript/grid/data-binding/local-data">Local Data</a></li>
11551151
<li><a href="/ej2-javascript/grid/data-binding/remote-data">Remote Data</a></li>
11561152
</ul>
@@ -1614,7 +1610,6 @@
16141610
<li>How To
16151611
<ul>
16161612
<li><a href="/ej2-javascript/multi-select/how-to/icons-support">Show the list items with icons</a></li>
1617-
<li><a href="/ej2-javascript/multi-select/how-to/achieve-virtual-scrolling">Virtual Scrolling</a></li>
16181613
<li><a href="/ej2-javascript/multi-select/how-to/validation">Validate MultiSelect</a></li>
16191614
</ul>
16201615
</li>

‎ej2-javascript/auto-complete/how-to/achieve-virtual-scrolling.md

Lines changed: 0 additions & 43 deletions
This file was deleted.

‎ej2-javascript/code-snippet/grid/data-binding-cs1/datasource.ts

Lines changed: 76 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,76 @@
1+
export let data: Object[] = [
2+
{
3+
OrderID: 10248, CustomerID: 'VINET', EmployeeID: 5, OrderDate: new Date(8364186e5),ShippedDate: new Date(8367642e5),
4+
ShipName: 'Vins et alcools Chevalier', ShipCity: 'Reims', ShipAddress: '59 rue de l Abbaye',
5+
ShipRegion: 'CJ', ShipPostalCode: '51100', ShipCountry: 'France', Freight: 32.38, Verified: !0
6+
},
7+
{
8+
OrderID: 10249, CustomerID: 'TOMSP', EmployeeID: 6, OrderDate: new Date(836505e6),ShippedDate: new Date(8367642e5),
9+
ShipName: 'Toms Spezialitäten', ShipCity: 'Münster', ShipAddress: 'Luisenstr. 48',
10+
ShipRegion: 'CJ', ShipPostalCode: '44087', ShipCountry: 'Germany', Freight: 11.61, Verified: !1
11+
},
12+
{
13+
OrderID: 10250, CustomerID: 'HANAR', EmployeeID: 4, OrderDate: new Date(8367642e5),ShippedDate: new Date(8367642e5),
14+
ShipName: 'Hanari Carnes', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua do Paço, 67',
15+
ShipRegion: 'RJ', ShipPostalCode: '05454-876', ShipCountry: 'Brazil', Freight: 65.83, Verified: !0
16+
},
17+
{
18+
OrderID: 10251, CustomerID: 'VINET', EmployeeID: 3, OrderDate: new Date(8367642e5),ShippedDate: new Date(8367642e5),
19+
ShipName: 'Victuailles en stock', ShipCity: 'Lyon', ShipAddress: '2, rue du Commerce',
20+
ShipRegion: 'CJ', ShipPostalCode: '69004', ShipCountry: 'France', Freight: 41.34, Verified: !0
21+
},
22+
{
23+
OrderID: 10252, CustomerID: 'SUPRD', EmployeeID: 4, OrderDate: new Date(8368506e5),ShippedDate: new Date(8367642e5),
24+
ShipName: 'Suprêmes délices', ShipCity: 'Charleroi', ShipAddress: 'Boulevard Tirou, 255',
25+
ShipRegion: 'CJ', ShipPostalCode: 'B-6000', ShipCountry: 'Belgium', Freight: 51.3, Verified: !0
26+
},
27+
{
28+
OrderID: 10253, CustomerID: 'HANAR', EmployeeID: 3, OrderDate: new Date(836937e6),ShippedDate: new Date(8367642e5),
29+
ShipName: 'Hanari Carnes', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua do Paço, 67',
30+
ShipRegion: 'RJ', ShipPostalCode: '05454-876', ShipCountry: 'Brazil', Freight: 58.17, Verified: !0
31+
},
32+
{
33+
OrderID: 10254, CustomerID: 'CHOPS', EmployeeID: 5, OrderDate: new Date(8370234e5),ShippedDate: new Date(8367642e5),
34+
ShipName: 'Chop-suey Chinese', ShipCity: 'Bern', ShipAddress: 'Hauptstr. 31',
35+
ShipRegion: 'CJ', ShipPostalCode: '3012', ShipCountry: 'Switzerland', Freight: 22.98, Verified: !1
36+
},
37+
{
38+
OrderID: 10255, CustomerID: 'VINET', EmployeeID: 9, OrderDate: new Date(8371098e5),ShippedDate: new Date(8367642e5),
39+
ShipName: 'Richter Supermarkt', ShipCity: 'Genève', ShipAddress: 'Starenweg 5',
40+
ShipRegion: 'CJ', ShipPostalCode: '1204', ShipCountry: 'Switzerland', Freight: 148.33, Verified: !0
41+
},
42+
{
43+
OrderID: 10256, CustomerID: 'HANAR', EmployeeID: 3, OrderDate: new Date(837369e6),ShippedDate: new Date(8367642e5),
44+
ShipName: 'Wellington Importadora', ShipCity: 'Resende', ShipAddress: 'Rua do Mercado, 12',
45+
ShipRegion: 'SP', ShipPostalCode: '08737-363', ShipCountry: 'Brazil', Freight: 13.97, Verified: !1
46+
},
47+
{
48+
OrderID: 10257, CustomerID: 'VINET', EmployeeID: 4, OrderDate: new Date(8374554e5),ShippedDate: new Date(8367642e5),
49+
ShipName: 'HILARION-Abastos', ShipCity: 'San Cristóbal', ShipAddress: 'Carrera 22 con Ave. Carlos Soublette #8-35',
50+
ShipRegion: 'Táchira', ShipPostalCode: '5022', ShipCountry: 'Venezuela', Freight: 81.91, Verified: !0
51+
},
52+
{
53+
OrderID: 10258, CustomerID: 'VINET', EmployeeID: 1, OrderDate: new Date(8375418e5),ShippedDate: new Date(8367642e5),
54+
ShipName: 'Ernst Handel', ShipCity: 'Graz', ShipAddress: 'Kirchgasse 6',
55+
ShipRegion: 'CJ', ShipPostalCode: '8010', ShipCountry: 'Austria', Freight: 140.51, Verified: !0
56+
},
57+
{
58+
OrderID: 10259, CustomerID: 'CENTC', EmployeeID: 4, OrderDate: new Date(8376282e5),ShippedDate: new Date(8367642e5),
59+
ShipName: 'Centro comercial Moctezuma', ShipCity: 'México D.F.', ShipAddress: 'Sierras de Granada 9993',
60+
ShipRegion: 'CJ', ShipPostalCode: '05022', ShipCountry: 'Mexico', Freight: 3.25, Verified: !1
61+
},
62+
{
63+
OrderID: 10260, CustomerID: 'HANAR', EmployeeID: 4, OrderDate: new Date(8377146e5),ShippedDate: new Date(8367642e5),
64+
ShipName: 'Ottilies Käseladen', ShipCity: 'Köln', ShipAddress: 'Mehrheimerstr. 369',
65+
ShipRegion: 'CJ', ShipPostalCode: '50739', ShipCountry: 'Germany', Freight: 55.09, Verified: !0
66+
},
67+
{
68+
OrderID: 10261, CustomerID: 'HANAR', EmployeeID: 4, OrderDate: new Date(8377146e5),ShippedDate: new Date(8367642e5),
69+
ShipName: 'Que Delícia', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua da Panificadora, 12',
70+
ShipRegion: 'RJ', ShipPostalCode: '02389-673', ShipCountry: 'Brazil', Freight: 3.05, Verified: !1
71+
},
72+
{
73+
OrderID: 10262, CustomerID: 'VINET', EmployeeID: 8, OrderDate: new Date(8379738e5),ShippedDate: new Date(8367642e5),
74+
ShipName: 'Rattlesnake Canyon Grocery', ShipCity: 'Albuquerque', ShipAddress: '2817 Milton Dr.',
75+
ShipRegion: 'NM', ShipPostalCode: '87110', ShipCountry: 'USA', Freight: 48.29, Verified: !0
76+
}];

‎ej2-javascript/code-snippet/grid/data-binding-cs1/es5-datasource.js

Lines changed: 76 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,76 @@
1+
var data = [
2+
{
3+
OrderID: 10248, CustomerID: 'VINET', EmployeeID: 5, OrderDate: new Date(8364186e5),ShippedDate: new Date(8367642e5),
4+
ShipName: 'Vins et alcools Chevalier', ShipCity: 'Reims', ShipAddress: '59 rue de l Abbaye',
5+
ShipRegion: 'CJ', ShipPostalCode: '51100', ShipCountry: 'France', Freight: 32.38, Verified: !0
6+
},
7+
{
8+
OrderID: 10249, CustomerID: 'TOMSP', EmployeeID: 6, OrderDate: new Date(836505e6),ShippedDate: new Date(8367642e5),
9+
ShipName: 'Toms Spezialitäten', ShipCity: 'Münster', ShipAddress: 'Luisenstr. 48',
10+
ShipRegion: 'CJ', ShipPostalCode: '44087', ShipCountry: 'Germany', Freight: 11.61, Verified: !1
11+
},
12+
{
13+
OrderID: 10250, CustomerID: 'HANAR', EmployeeID: 4, OrderDate: new Date(8367642e5),ShippedDate: new Date(8367642e5),
14+
ShipName: 'Hanari Carnes', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua do Paço, 67',
15+
ShipRegion: 'RJ', ShipPostalCode: '05454-876', ShipCountry: 'Brazil', Freight: 65.83, Verified: !0
16+
},
17+
{
18+
OrderID: 10251, CustomerID: 'VINET', EmployeeID: 3, OrderDate: new Date(8367642e5),ShippedDate: new Date(8367642e5),
19+
ShipName: 'Victuailles en stock', ShipCity: 'Lyon', ShipAddress: '2, rue du Commerce',
20+
ShipRegion: 'CJ', ShipPostalCode: '69004', ShipCountry: 'France', Freight: 41.34, Verified: !0
21+
},
22+
{
23+
OrderID: 10252, CustomerID: 'SUPRD', EmployeeID: 4, OrderDate: new Date(8368506e5),ShippedDate: new Date(8367642e5),
24+
ShipName: 'Suprêmes délices', ShipCity: 'Charleroi', ShipAddress: 'Boulevard Tirou, 255',
25+
ShipRegion: 'CJ', ShipPostalCode: 'B-6000', ShipCountry: 'Belgium', Freight: 51.3, Verified: !0
26+
},
27+
{
28+
OrderID: 10253, CustomerID: 'HANAR', EmployeeID: 3, OrderDate: new Date(836937e6),ShippedDate: new Date(8367642e5),
29+
ShipName: 'Hanari Carnes', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua do Paço, 67',
30+
ShipRegion: 'RJ', ShipPostalCode: '05454-876', ShipCountry: 'Brazil', Freight: 58.17, Verified: !0
31+
},
32+
{
33+
OrderID: 10254, CustomerID: 'CHOPS', EmployeeID: 5, OrderDate: new Date(8370234e5),ShippedDate: new Date(8367642e5),
34+
ShipName: 'Chop-suey Chinese', ShipCity: 'Bern', ShipAddress: 'Hauptstr. 31',
35+
ShipRegion: 'CJ', ShipPostalCode: '3012', ShipCountry: 'Switzerland', Freight: 22.98, Verified: !1
36+
},
37+
{
38+
OrderID: 10255, CustomerID: 'VINET', EmployeeID: 9, OrderDate: new Date(8371098e5),ShippedDate: new Date(8367642e5),
39+
ShipName: 'Richter Supermarkt', ShipCity: 'Genève', ShipAddress: 'Starenweg 5',
40+
ShipRegion: 'CJ', ShipPostalCode: '1204', ShipCountry: 'Switzerland', Freight: 148.33, Verified: !0
41+
},
42+
{
43+
OrderID: 10256, CustomerID: 'HANAR', EmployeeID: 3, OrderDate: new Date(837369e6),ShippedDate: new Date(8367642e5),
44+
ShipName: 'Wellington Importadora', ShipCity: 'Resende', ShipAddress: 'Rua do Mercado, 12',
45+
ShipRegion: 'SP', ShipPostalCode: '08737-363', ShipCountry: 'Brazil', Freight: 13.97, Verified: !1
46+
},
47+
{
48+
OrderID: 10257, CustomerID: 'VINET', EmployeeID: 4, OrderDate: new Date(8374554e5),ShippedDate: new Date(8367642e5),
49+
ShipName: 'HILARION-Abastos', ShipCity: 'San Cristóbal', ShipAddress: 'Carrera 22 con Ave. Carlos Soublette #8-35',
50+
ShipRegion: 'Táchira', ShipPostalCode: '5022', ShipCountry: 'Venezuela', Freight: 81.91, Verified: !0
51+
},
52+
{
53+
OrderID: 10258, CustomerID: 'VINET', EmployeeID: 1, OrderDate: new Date(8375418e5),ShippedDate: new Date(8367642e5),
54+
ShipName: 'Ernst Handel', ShipCity: 'Graz', ShipAddress: 'Kirchgasse 6',
55+
ShipRegion: 'CJ', ShipPostalCode: '8010', ShipCountry: 'Austria', Freight: 140.51, Verified: !0
56+
},
57+
{
58+
OrderID: 10259, CustomerID: 'CENTC', EmployeeID: 4, OrderDate: new Date(8376282e5),ShippedDate: new Date(8367642e5),
59+
ShipName: 'Centro comercial Moctezuma', ShipCity: 'México D.F.', ShipAddress: 'Sierras de Granada 9993',
60+
ShipRegion: 'CJ', ShipPostalCode: '05022', ShipCountry: 'Mexico', Freight: 3.25, Verified: !1
61+
},
62+
{
63+
OrderID: 10260, CustomerID: 'HANAR', EmployeeID: 4, OrderDate: new Date(8377146e5),ShippedDate: new Date(8367642e5),
64+
ShipName: 'Ottilies Käseladen', ShipCity: 'Köln', ShipAddress: 'Mehrheimerstr. 369',
65+
ShipRegion: 'CJ', ShipPostalCode: '50739', ShipCountry: 'Germany', Freight: 55.09, Verified: !0
66+
},
67+
{
68+
OrderID: 10261, CustomerID: 'HANAR', EmployeeID: 4, OrderDate: new Date(8377146e5),ShippedDate: new Date(8367642e5),
69+
ShipName: 'Que Delícia', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua da Panificadora, 12',
70+
ShipRegion: 'RJ', ShipPostalCode: '02389-673', ShipCountry: 'Brazil', Freight: 3.05, Verified: !1
71+
},
72+
{
73+
OrderID: 10262, CustomerID: 'VINET', EmployeeID: 8, OrderDate: new Date(8379738e5),ShippedDate: new Date(8367642e5),
74+
ShipName: 'Rattlesnake Canyon Grocery', ShipCity: 'Albuquerque', ShipAddress: '2817 Milton Dr.',
75+
ShipRegion: 'NM', ShipPostalCode: '87110', ShipCountry: 'USA', Freight: 48.29, Verified: !0
76+
}];

‎ej2-javascript/code-snippet/grid/data-binding-cs1/index.css

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
#container {
2+
visibility: hidden;
3+
}
4+
5+
#loader {
6+
color: #008cff;
7+
font-family: 'Helvetica Neue','calibiri';
8+
font-size: 14px;
9+
height: 40px;
10+
left: 45%;
11+
position: absolute;
12+
top: 45%;
13+
width: 30%;
14+
}

‎ej2-javascript/code-snippet/grid/data-binding-cs1/index.js

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
var data = new ej.data.DataManager({
2+
url: 'https://ej2services.syncfusion.com/js/development/api/UrlDataSource',
3+
adaptor: new ej.data.UrlAdaptor
4+
});
5+
6+
var grid = new ej.grids.Grid({
7+
dataSource: data,
8+
allowPaging: true,
9+
allowSorting: true,
10+
allowFiltering: true,
11+
pageSettings: { pageCount: 3 },
12+
loadingIndicator: { indicatorType: 'Spinner' },
13+
columns: [
14+
{ field: 'EmployeeID', headerText: 'Employee ID', width: 130, textAlign: 'Right' },
15+
{ field: 'Employees', headerText: 'Employee Name', width: 145 },
16+
{ field: 'Designation', headerText: 'Designation', width: 130 },
17+
{ field: 'CurrentSalary', headerText: 'Current Salary', format:'C2', width: 140, textAlign: 'Right' },
18+
],
19+
height: 315
20+
});
21+
grid.appendTo('#Grid');
22+
23+
var dropdownData = [
24+
{ id: 'Spinner', value: 'Spinner' },
25+
{ id: 'Shimmer', value: 'Shimmer' }
26+
];
27+
28+
var dropdownList = new ej.dropdowns.DropDownList({
29+
index: 0,
30+
width: 120,
31+
fields: { text: 'value', value: 'id' },
32+
dataSource: dropdownData,
33+
change: valueChange,
34+
});
35+
dropdownList.appendTo('#dropdown');
36+
37+
function valueChange() {
38+
if (dropdownList.value === 'Shimmer') {
39+
grid.loadingIndicator.indicatorType = 'Shimmer';
40+
grid.refreshColumns();
41+
} else {
42+
grid.loadingIndicator.indicatorType = 'Spinner';
43+
grid.refreshColumns();
44+
}
45+
}

‎ej2-javascript/code-snippet/grid/data-binding-cs1/index.ts

Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
import { Grid, Page, Sort, Filter } from '@syncfusion/ej2-grids';
2+
import { DataManager, UrlAdaptor } from '@syncfusion/ej2-data';
3+
import { DropDownList, ChangeEventArgs } from '@syncfusion/ej2-dropdowns';
4+
5+
Grid.Inject(Page,Sort,Filter);
6+
7+
let data: DataManager = new DataManager({
8+
url: 'https://ej2services.syncfusion.com/js/development/api/UrlDataSource',
9+
adaptor: new UrlAdaptor
10+
});
11+
12+
let grid: Grid = new Grid({
13+
dataSource: data,
14+
allowPaging: true,
15+
allowSorting: true,
16+
allowFiltering: true,
17+
pageSettings: { pageCount: 3 },
18+
loadingIndicator: { indicatorType: 'Spinner' },
19+
columns: [
20+
{ field: 'EmployeeID', headerText: 'Employee ID', width: 130, textAlign: 'Right' },
21+
{ field: 'Employees', headerText: 'Employee Name', width: 145 },
22+
{ field: 'Designation', headerText: 'Designation', width: 130 },
23+
{ field: 'CurrentSalary', headerText: 'Current Salary', format:'C2', width: 140, textAlign: 'Right' },
24+
],
25+
height: 315
26+
});
27+
grid.appendTo('#Grid');
28+
29+
let dropdownData: object[] = [
30+
{ id: 'Spinner', value: 'Spinner' },
31+
{ id: 'Shimmer', value: 'Shimmer' }
32+
];
33+
34+
let dropdownList: DropDownList = new DropDownList({
35+
index: 0,
36+
width: 120,
37+
fields: { text: 'value', value: 'id' },
38+
dataSource: dropdownData,
39+
change: valueChange,
40+
});
41+
dropdownList.appendTo('#dropdown');
42+
43+
function valueChange(args: ChangeEventArgs ) {
44+
if (dropdownList.value === 'Shimmer') {
45+
grid.loadingIndicator.indicatorType = 'Shimmer';
46+
grid.refreshColumns();
47+
} else {
48+
grid.loadingIndicator.indicatorType = 'Spinner';
49+
grid.refreshColumns();
50+
}
51+
}

‎ej2-javascript/code-snippet/grid/data-binding-cs1/js/index.html

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
<!DOCTYPE html><html lang="en">
2+
<head>
3+
<title>EJ2 Grid</title>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<meta name="description" content="Typescript Grid Control">
7+
<meta name="author" content="Syncfusion">
8+
<link href="index.css" rel="stylesheet">
9+
<link href="https://cdn.syncfusion.com/ej2/25.2.3/ej2-base/styles/bootstrap5.css" rel="stylesheet">
10+
<link href="https://cdn.syncfusion.com/ej2/25.2.3/ej2-buttons/styles/bootstrap5.css" rel="stylesheet">
11+
<link href="https://cdn.syncfusion.com/ej2/25.2.3/ej2-popups/styles/bootstrap5.css" rel="stylesheet">
12+
<link href="https://cdn.syncfusion.com/ej2/25.2.3/ej2-navigations/styles/bootstrap5.css" rel="stylesheet">
13+
<link href="https://cdn.syncfusion.com/ej2/25.2.3/ej2-dropdowns/styles/bootstrap5.css" rel="stylesheet">
14+
<link href="https://cdn.syncfusion.com/ej2/25.2.3/ej2-lists/styles/bootstrap5.css" rel="stylesheet">
15+
<link href="https://cdn.syncfusion.com/ej2/25.2.3/ej2-inputs/styles/bootstrap5.css" rel="stylesheet">
16+
<link href="https://cdn.syncfusion.com/ej2/25.2.3/ej2-calendars/styles/bootstrap5.css" rel="stylesheet">
17+
<link href="https://cdn.syncfusion.com/ej2/25.2.3/ej2-splitbuttons/styles/bootstrap5.css" rel="stylesheet">
18+
<link href="https://cdn.syncfusion.com/ej2/25.2.3/ej2-grids/styles/bootstrap5.css" rel="stylesheet">
19+
<script src="https://cdn.syncfusion.com/ej2/25.2.3/dist/ej2.min.js" type="text/javascript"></script>
20+
<script src="es5-datasource.js" type="text/javascript"></script>
21+
</head>
22+
<body>
23+
<div id="container">
24+
<label style="padding: 10px 10px 26px 0" > Change the loading indicator type:</label>
25+
<input type="text" id="dropdown" />
26+
<div style="padding: 10px 10px" id="Grid"></div>
27+
</div>
28+
<script>
29+
var ele = document.getElementById('container');
30+
if(ele) {
31+
ele.style.visibility = "visible";
32+
}
33+
</script>
34+
<script src="index.js" type="text/javascript"></script>
35+
</body></html>

0 commit comments

Comments
 (0)