Skip to content

Commit 21f302d

Browse files
SyncfusionBuildSyncfusionBuild
committed
Integrated latest changes at 08-02-2024 10:30:09 PM
1 parent af9f79f commit 21f302d

30 files changed

+1328
-1
lines changed

‎ej2-angular/code-snippet/grid/child-grid-aggregate/angular.json

Lines changed: 69 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
{
2+
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
3+
"version": 1,
4+
"newProjectRoot": "projects",
5+
"projects": {
6+
"syncfusion-component": {
7+
"projectType": "application",
8+
"schematics": {},
9+
"root": "",
10+
"sourceRoot": "src",
11+
"prefix": "app",
12+
"architect": {
13+
"build": {
14+
"builder": "@angular-devkit/build-angular:browser",
15+
"options": {
16+
"outputPath": "dist",
17+
"index": "index.html",
18+
"main": "src/main.ts",
19+
"tsConfig": "tsconfig.json",
20+
"styles": [
21+
"src/styles.css"
22+
]
23+
},
24+
"configurations": {
25+
"production": {
26+
"budgets": [
27+
{
28+
"type": "initial",
29+
"maximumWarning": "500kb",
30+
"maximumError": "10mb"
31+
},
32+
{
33+
"type": "anyComponentStyle",
34+
"maximumWarning": "2kb",
35+
"maximumError": "4kb"
36+
}
37+
],
38+
"outputHashing": "all"
39+
},
40+
"development": {
41+
"buildOptimizer": false,
42+
"optimization": false,
43+
"vendorChunk": true,
44+
"extractLicenses": false,
45+
"sourceMap": true,
46+
"namedChunks": true
47+
}
48+
},
49+
"defaultConfiguration": "production"
50+
},
51+
"serve": {
52+
"builder": "@angular-devkit/build-angular:dev-server",
53+
"configurations": {
54+
"production": {
55+
"buildTarget": "syncfusion-component:build:production"
56+
},
57+
"development": {
58+
"buildTarget": "syncfusion-component:build:development"
59+
}
60+
},
61+
"defaultConfiguration": "development"
62+
}
63+
}
64+
}
65+
},
66+
"cli": {
67+
"analytics": false
68+
}
69+
}

‎ej2-angular/code-snippet/grid/child-grid-aggregate/index.html

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<title>Syncfusion Angular Grid</title>
5+
<meta charset="utf-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<meta name="description" content="Angular UI Controls" />
8+
<meta name="author" content="Syncfusion" />
9+
10+
</head>
11+
<body style="margin-top: 125px">
12+
<app-root>
13+
<div id='loader'>Loading....</div>
14+
</app-root>
15+
</body>
16+
</html>

‎ej2-angular/code-snippet/grid/child-grid-aggregate/package.json

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
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/core": "17.1.2",
14+
"@angular/platform-browser": "17.1.2",
15+
"@angular/platform-browser-dynamic": "17.1.2",
16+
"@syncfusion/ej2-angular-grids": "*",
17+
"@syncfusion/ej2-base": "*",
18+
"@syncfusion/ej2-buttons": "*",
19+
"@syncfusion/ej2-calendars": "*",
20+
"@syncfusion/ej2-dropdowns": "*",
21+
"@syncfusion/ej2-inputs": "*",
22+
"@syncfusion/ej2-navigations": "*",
23+
"@syncfusion/ej2-popups": "*",
24+
"@syncfusion/ej2-splitbuttons": "*",
25+
"@syncfusion/ej2-notifications": "*",
26+
"@syncfusion/ej2-angular-base": "*",
27+
"@syncfusion/ej2-angular-buttons": "*",
28+
"@angular/animations": "17.1.2",
29+
"@angular/common": "17.1.2",
30+
"@angular/compiler": "17.1.2",
31+
"@angular/forms": "17.1.2",
32+
"@angular/router": "17.1.2",
33+
"moment": "2.29.4",
34+
"rxjs": "7.8.0",
35+
"tslib": "2.3.0",
36+
"zone.js": "0.14.3",
37+
"@syncfusion/ej2-grids": "*"
38+
},
39+
"devDependencies": {
40+
"@angular-devkit/build-angular": "17.1.2",
41+
"@angular/cli": "17.1.2",
42+
"@angular/compiler-cli": "17.1.2",
43+
"@types/jasmine": "4.3.0",
44+
"jasmine-core": "4.5.0",
45+
"karma": "6.4.0",
46+
"karma-chrome-launcher": "3.1.0",
47+
"karma-coverage": "2.2.0",
48+
"karma-jasmine": "5.1.0",
49+
"karma-jasmine-html-reporter": "2.0.0",
50+
"typescript": "5.3.3"
51+
}
52+
}

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

Lines changed: 77 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,77 @@
1+
import { NgModule } from '@angular/core'
2+
import { BrowserModule } from '@angular/platform-browser'
3+
import { GridModule } from '@syncfusion/ej2-angular-grids'
4+
import { PageService, SortService, FilterService, GroupService, DetailRowService, AggregateService } from '@syncfusion/ej2-angular-grids'
5+
6+
7+
8+
import { Component, OnInit } from '@angular/core';
9+
import { data, employeeData } from './datasource';
10+
import { GridModel } from '@syncfusion/ej2-angular-grids';
11+
12+
@Component({
13+
imports: [
14+
GridModule
15+
],
16+
17+
providers: [PageService,
18+
SortService,
19+
FilterService,
20+
GroupService,
21+
DetailRowService,
22+
AggregateService],
23+
standalone: true,
24+
selector: 'app-root',
25+
template: `<ejs-grid [dataSource]='parentData' height='315px' [childGrid]='childGrid'>
26+
<e-columns>
27+
<e-column field='EmployeeID' headerText='Employee ID' textAlign='Right' width=80></e-column>
28+
<e-column field='FirstName' headerText='FirstName' width=100></e-column>
29+
<e-column field='LastName' headerText='Last Name' width=100></e-column>
30+
<e-column field='City' headerText='City' width=120></e-column>
31+
</e-columns>
32+
</ejs-grid>`,
33+
})
34+
export class AppComponent implements OnInit {
35+
36+
public parentData?: object[];
37+
public childGrid: GridModel = {
38+
dataSource: data,
39+
queryString: 'EmployeeID',
40+
columns: [
41+
{ field: 'OrderID', headerText: 'Order ID', textAlign: 'Right', width: 90 },
42+
{ field: 'CustomerID', headerText: 'Customer ID', width: 100 },
43+
{ field: 'ShipCity', headerText: 'Ship City', width: 100 },
44+
{ field: 'Freight', headerText: 'Freight', format:'C2', width: 120 },
45+
{ field: 'ShipName', headerText: 'Ship Name', width: 120 }
46+
],
47+
aggregates: [
48+
{
49+
columns: [
50+
{
51+
type: 'Sum',
52+
field: 'Freight',
53+
format:'C2',
54+
footerTemplate: 'Sum: ${Sum}',
55+
},
56+
],
57+
},
58+
{
59+
columns: [
60+
{
61+
type: 'Max',
62+
field: 'Freight',
63+
format:'C2',
64+
footerTemplate: 'Max: ${Max}',
65+
},
66+
],
67+
},
68+
],
69+
};
70+
71+
ngOnInit(): void {
72+
this.parentData = employeeData;
73+
}
74+
}
75+
76+
77+

0 commit comments

Comments
 (0)