Skip to content

Commit 1bf8c8f

Browse files
SyncfusionBuildSyncfusionBuild
committed
Integrated latest changes at 10-27-2023 1:30:14 AM
1 parent 7b524ca commit 1bf8c8f

File tree

1,338 files changed

+14894
-201570
lines changed

Some content is hidden

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

1,338 files changed

+14894
-201570
lines changed

‎ej2-angular-toc.html

+2
Original file line numberDiff line numberDiff line change
@@ -1107,6 +1107,7 @@
11071107
<li><a href="/ej2-angular/grid/columns/foreign-key-column">ForeignKey Column</a></li>
11081108
<li><a href="/ej2-angular/grid/columns/column-reorder">Column Reorder</a></li>
11091109
<li><a href="/ej2-angular/grid/columns/column-resizing">Column Resizing</a></li>
1110+
<li><a href="/ej2-angular/grid/columns/frozen-column">Column Pinning (Frozen)</a></li>
11101111
<li><a href="/ej2-angular/grid/columns/column-chooser">Column Chooser</a></li>
11111112
<li><a href="/ej2-angular/grid/columns/column-menu">Column Menu</a></li>
11121113
<li><a href="/ej2-angular/grid/columns/column-spanning">Column Spanning</a></li>
@@ -1118,6 +1119,7 @@
11181119
<li><a href="/ej2-angular/grid/row/detail-template">Detail Template</a></li>
11191120
<li><a href="/ej2-angular/grid/row/row-drag-and-drop">Row Drag and Drop</a></li>
11201121
<li><a href="/ej2-angular/grid/row/row-spanning">Row Spanning</a></li>
1122+
<li><a href="/ej2-angular/grid/row/frozen-row">Row Pinning (Frozen)</a></li>
11211123
</ul>
11221124
</li>
11231125
<li><a href="/ej2-angular/grid/cell">Cell</a>

‎ej2-angular/code-snippet/grid/default-cs1/angular.json renamed to ‎ej2-angular/code-snippet/grid/autofill/angular.json

File renamed without changes.

‎ej2-angular/code-snippet/grid/edit-cs1/index.html renamed to ‎ej2-angular/code-snippet/grid/autofill/index.html

File renamed without changes.

‎ej2-angular/code-snippet/grid/autofill/package.json

+53
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
{
2+
"name": "syncfusion-component",
3+
"version": "0.0.0",
4+
"scripts": {
5+
"ng": "ng",
6+
"start": "ng serve",
7+
"build": "ng build",
8+
"watch": "ng build --watch --configuration development",
9+
"test": "ng test"
10+
},
11+
"private": true,
12+
"dependencies": {
13+
"@angular/animations": "^15.0.0",
14+
"@angular/common": "^15.0.0",
15+
"@angular/compiler": "^15.0.0",
16+
"@angular/core": "^15.0.0",
17+
"@angular/forms": "^15.0.0",
18+
"@angular/platform-browser": "^15.0.0",
19+
"@angular/platform-browser-dynamic": "^15.0.0",
20+
"@angular/router": "^15.0.0",
21+
"@syncfusion/ej2-angular-base": "*",
22+
"@syncfusion/ej2-angular-calendars": "*",
23+
"@syncfusion/ej2-angular-dropdowns": "*",
24+
"@syncfusion/ej2-angular-grids": "*",
25+
"@syncfusion/ej2-angular-inputs": "*",
26+
"@syncfusion/ej2-base": "*",
27+
"@syncfusion/ej2-buttons": "*",
28+
"@syncfusion/ej2-calendars": "*",
29+
"@syncfusion/ej2-dropdowns": "*",
30+
"@syncfusion/ej2-inputs": "*",
31+
"@syncfusion/ej2-navigations": "*",
32+
"@syncfusion/ej2-notifications": "*",
33+
"@syncfusion/ej2-popups": "*",
34+
"@syncfusion/ej2-splitbuttons": "*",
35+
"moment": "^2.29.4",
36+
"rxjs": "~7.5.0",
37+
"tslib": "^2.3.0",
38+
"zone.js": "~0.12.0"
39+
},
40+
"devDependencies": {
41+
"@angular-devkit/build-angular": "^15.0.0",
42+
"@angular/cli": "^15.2.9",
43+
"@angular/compiler-cli": "^15.0.0",
44+
"@types/jasmine": "~4.3.0",
45+
"jasmine-core": "~4.5.0",
46+
"karma": "~6.4.0",
47+
"karma-chrome-launcher": "~3.1.0",
48+
"karma-coverage": "~2.2.0",
49+
"karma-jasmine": "~5.1.0",
50+
"karma-jasmine-html-reporter": "~2.0.0",
51+
"typescript": "~4.8.2"
52+
}
53+
}

‎ej2-angular/code-snippet/grid/autofill/src/app.component.ts

+32
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
import { Component, OnInit } from '@angular/core';
2+
import { data } from './datasource';
3+
import { SelectionSettingsModel, EditSettingsModel, ToolbarItems } from '@syncfusion/ej2-angular-grids';
4+
5+
@Component({
6+
selector: 'app-root',
7+
template: `<ejs-grid [dataSource]='data' height='272px' [enableAutoFill]='true' [editSettings]='editSettings'
8+
[toolbar]='toolbar' [selectionSettings]='selectionOptions'>
9+
<e-columns>
10+
<e-column field='OrderID' headerText='Order ID' textAlign='Right'
11+
isPrimaryKey='true' [visible]='false' width=120></e-column>
12+
<e-column field='CustomerID' headerText='Customer ID' width=150></e-column>
13+
<e-column field='ShipCity' headerText='Ship City' width=150></e-column>
14+
<e-column field='ShipCountry' headerText='Ship Name' width=150></e-column>
15+
<e-column field='ShipName' headerText='Ship Name' width=150></e-column>
16+
</e-columns>
17+
</ejs-grid>`
18+
})
19+
export class AppComponent implements OnInit {
20+
21+
public data?: object[];
22+
public selectionOptions?: SelectionSettingsModel;
23+
public editSettings?: EditSettingsModel;
24+
public toolbar?: ToolbarItems[];
25+
26+
ngOnInit(): void {
27+
this.data = data;
28+
this.selectionOptions = { type: 'Multiple', cellSelectionMode: 'Box', mode: 'Cell'};
29+
this.editSettings = { allowEditing: true, allowAdding: true, allowDeleting: true, mode: 'Batch' },
30+
this.toolbar = ['Add', 'Update', 'Cancel'];
31+
}
32+
}

‎ej2-angular/code-snippet/grid/autofill/src/app.module.ts

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
import { NgModule } from '@angular/core';
2+
import { FormsModule } from '@angular/forms';
3+
import { BrowserModule } from '@angular/platform-browser';
4+
import { GridModule, EditService, ToolbarService, SortService, PageService } from '@syncfusion/ej2-angular-grids';
5+
import { AppComponent } from './app.component';
6+
7+
/**
8+
* Module
9+
*/
10+
@NgModule({
11+
imports: [
12+
BrowserModule,
13+
GridModule,
14+
FormsModule,
15+
FormsModule,
16+
],
17+
declarations: [AppComponent],
18+
bootstrap: [AppComponent],
19+
providers: [EditService, ToolbarService, SortService, PageService]
20+
})
21+
export class AppModule { }

‎ej2-angular/code-snippet/grid/autofill/src/datasource.ts

+76
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,76 @@
1+
export let data: Object[] = [
2+
{
3+
OrderID: 10248, CustomerID: 'VINET', Role: 'Admin', EmployeeID: 5, OrderDate: new Date(8364186e5),
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', Role: 'Employee', EmployeeID: 6, OrderDate: new Date(836505e6),
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', Role: 'Admin', EmployeeID: 4, OrderDate: 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: 'VICTE', Role: 'Manager', EmployeeID: 3, OrderDate: 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', Role: 'Manager', EmployeeID: 4, OrderDate: new Date(8368506e5),
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', Role: 'Admin', EmployeeID: 3, OrderDate: new Date(836937e6),
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', Role: 'Employee', EmployeeID: 5, OrderDate: new Date(8370234e5),
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: 'RICSU', Role: 'Admin', EmployeeID: 9, OrderDate: new Date(8371098e5),
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: 'WELLI', Role: 'Employee', EmployeeID: 3, OrderDate: new Date(837369e6),
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: 'HILAA', Role: 'Admin', EmployeeID: 4, OrderDate: new Date(8374554e5),
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: 'ERNSH', Role: 'Manager', EmployeeID: 1, OrderDate: new Date(8375418e5),
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', Role: 'Manager', EmployeeID: 4, OrderDate: new Date(8376282e5),
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: 'OTTIK', Role: 'Admin', EmployeeID: 4, OrderDate: new Date(8377146e5),
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: 'QUEDE', Role: 'Manager', EmployeeID: 4, OrderDate: new Date(8377146e5),
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: 'RATTC', Role: 'Employee', EmployeeID: 8, OrderDate: new Date(8379738e5),
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-angular/code-snippet/grid/default-cs1/src/main.ts renamed to ‎ej2-angular/code-snippet/grid/autofill/src/main.ts

File renamed without changes.

‎ej2-angular/code-snippet/grid/edit-cs1/src/styles.css renamed to ‎ej2-angular/code-snippet/grid/autofill/src/styles.css

File renamed without changes.

‎ej2-angular/code-snippet/grid/default-cs1/tsconfig.json renamed to ‎ej2-angular/code-snippet/grid/autofill/tsconfig.json

File renamed without changes.

‎ej2-angular/code-snippet/grid/clipmode-cs1/src/app.component.ts

+8-15
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
import { Component, OnInit, ViewChild } from '@angular/core';
22
import { inventoryData } from './datasource';
3-
import { GridComponent } from '@syncfusion/ej2-angular-grids';
3+
import { ChangeEventArgs } from '@syncfusion/ej2-angular-dropdowns';
4+
import { GridComponent, ClipMode } from '@syncfusion/ej2-angular-grids';
45

56
@Component({
67
selector: 'app-root',
@@ -11,6 +12,7 @@ import { GridComponent } from '@syncfusion/ej2-angular-grids';
1112
style="margin-top:5px"
1213
index="0"
1314
width="150"
15+
[fields]='fields'
1416
[dataSource]="ddlData"
1517
(change)="valueChange($event)"></ejs-dropdownlist>
1618
</div>
@@ -29,27 +31,18 @@ export class AppComponent implements OnInit {
2931
public data?: object[];
3032
@ViewChild('grid')
3133
public grid?: GridComponent;
32-
public ddlData: Object[] = [
34+
public fields: object = { text: 'text', value: 'value' };
35+
public ddlData: object[] = [
3336
{ text: 'Ellipsis', value: 'Ellipsis' },
3437
{ text: 'Clip', value: 'Clip' },
3538
{ text: 'Ellipsis with Tooltip', value: 'EllipsisWithTooltip' },
3639
];
3740
ngOnInit(): void {
3841
this.data = inventoryData;
3942
}
40-
valueChange(args: any): void {
41-
if ((args as any).value === 'Clip') {
42-
(this.grid as any).getColumnByField('Inventor').clipMode = 'Clip';
43-
(this.grid as any).refresh();
44-
}
45-
else if ((args as any).value === 'Ellipsis') {
46-
(this.grid as any).getColumnByField('NumberofPatentFamilies').clipMode = 'Ellipsis';
47-
(this.grid as any).refresh();
48-
}
49-
else {
50-
(this.grid as any).getColumnByField('MainFieldsofInvention').clipMode = 'EllipsisWithTooltip';
51-
(this.grid as any).refresh();
52-
}
43+
valueChange(args: ChangeEventArgs): void {
44+
(this.grid as GridComponent).getColumnByField('MainFieldsofInvention').clipMode = (args.value as ClipMode);
45+
(this.grid as GridComponent).refresh();
5346
}
5447
}
5548

‎ej2-angular/code-snippet/grid/default-cs2/angular.json renamed to ‎ej2-angular/code-snippet/grid/context-menu-cs1/angular.json

File renamed without changes.

‎ej2-angular/code-snippet/grid/default-cs1/index.html renamed to ‎ej2-angular/code-snippet/grid/context-menu-cs1/index.html

File renamed without changes.

‎ej2-angular/code-snippet/grid/default-cs1/package.json renamed to ‎ej2-angular/code-snippet/grid/context-menu-cs1/package.json

File renamed without changes.

‎ej2-angular/code-snippet/grid/context-menu-cs1/src/app.component.ts

+53
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
2+
3+
4+
import { Component, OnInit } from '@angular/core';
5+
import { data } from './datasource';
6+
import { EditSettingsModel, ContextMenuItem, } from '@syncfusion/ej2-angular-grids';
7+
8+
@Component({
9+
selector: 'app-root',
10+
template: `<ejs-grid [dataSource]='data' id="gridcomp" allowPaging='true' [allowExcelExport]='true'
11+
[allowPdfExport]='true' height='220px' [allowSorting]='true' [allowGrouping]='true' [contextMenuItems]="contextMenuItems"
12+
[editSettings]='editing'>
13+
<e-columns>
14+
<e-column field='OrderID' headerText='Order ID' width='90' textAlign="Right" isPrimaryKey='true'></e-column>
15+
<e-column field='CustomerID' headerText='Customer Name' width='100'></e-column>
16+
<e-column field='Freight' headerText='Freight' format='C2' textAlign="Right" editType='numericedit' width='80'></e-column>
17+
<e-column field='ShipCity' headerText='Ship City' width='100'></e-column>
18+
</e-columns>
19+
</ejs-grid>`,
20+
})
21+
export class AppComponent implements OnInit {
22+
23+
public data?: object[];
24+
public contextMenuItems?: ContextMenuItem[];
25+
public editing?: EditSettingsModel;
26+
27+
ngOnInit(): void {
28+
this.data = data;
29+
this.editing = { allowEditing: true, allowDeleting: true };
30+
this.contextMenuItems = ['AutoFit',
31+
'AutoFitAll',
32+
'SortAscending',
33+
'SortDescending',
34+
'Copy',
35+
'Edit',
36+
'Delete',
37+
'Save',
38+
'Cancel',
39+
'PdfExport',
40+
'ExcelExport',
41+
'CsvExport',
42+
'FirstPage',
43+
'PrevPage',
44+
'LastPage',
45+
'NextPage',
46+
'Group',
47+
'Ungroup'
48+
]
49+
}
50+
}
51+
52+
53+

‎ej2-angular/code-snippet/grid/context-menu-cs1/src/app.module.ts

+29
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
import { NgModule } from '@angular/core';
2+
import { BrowserModule } from '@angular/platform-browser';
3+
import { GridModule } from '@syncfusion/ej2-angular-grids';
4+
import {
5+
ContextMenuService, PageService, ResizeService, SortService, GroupService, EditService,
6+
PdfExportService, ExcelExportService
7+
} from '@syncfusion/ej2-angular-grids';
8+
import { AppComponent } from './app.component';
9+
10+
/**
11+
* Module
12+
*/
13+
@NgModule({
14+
imports: [
15+
BrowserModule,
16+
GridModule
17+
],
18+
declarations: [AppComponent],
19+
bootstrap: [AppComponent],
20+
providers: [ContextMenuService,
21+
PageService,
22+
ResizeService,
23+
SortService,
24+
GroupService,
25+
EditService,
26+
PdfExportService,
27+
ExcelExportService]
28+
})
29+
export class AppModule { }

0 commit comments

Comments
 (0)