Skip to content

Commit fe83ad4

Browse files
SyncfusionBuildSyncfusionBuild
authored
Merge pull request #681 from Syncfusion-Content/hotfix/hotfix-v27.2.2
DOCINFRA-2341_merged_using_automation
2 parents e776a17 + 532873f commit fe83ad4

File tree

412 files changed

+1990
-1381
lines changed

Some content is hidden

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

412 files changed

+1990
-1381
lines changed

‎ej2-angular-toc.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3088,7 +3088,7 @@
30883088
</ul>
30893089
</li> <li>Release Notes
30903090
<ul>
3091-
<li>2024 Volume 3 - 27.*<ul><li>Weekly Release<ul><li><a href="/ej2-angular/release-notes/27.2.3">27.2.3</a></li><li><a href="/ej2-angular/release-notes/27.1.58">27.1.58</a></li><li><a href="/ej2-angular/release-notes/27.1.57">27.1.57</a></li><li><a href="/ej2-angular/release-notes/27.1.56">27.1.56</a></li><li><a href="/ej2-angular/release-notes/27.1.55">27.1.55</a></li><li><a href="/ej2-angular/release-notes/27.1.53">27.1.53</a></li><li><a href="/ej2-angular/release-notes/27.1.52">27.1.52</a></li><li><a href="/ej2-angular/release-notes/27.1.51">27.1.51</a></li><li><a href="/ej2-angular/release-notes/27.1.50">27.1.50</a></li></ul></li><li><a href="/ej2-angular/release-notes/27.2.2">27.2.2 Service Pack Release</a></li><li><a href="/ej2-angular/release-notes/27.1.48">27.1.48 Main Release</a></li></ul></li><li>2024 Volume 2 - 26.*<ul><li>Weekly Release<ul><li><a href="/ej2-angular/release-notes/26.2.14">26.2.14</a></li><li><a href="/ej2-angular/release-notes/26.2.13">26.2.13</a></li><li><a href="/ej2-angular/release-notes/26.2.12">26.2.12</a></li><li><a href="/ej2-angular/release-notes/26.2.11">26.2.11</a></li><li><a href="/ej2-angular/release-notes/26.2.10">26.2.10</a></li><li><a href="/ej2-angular/release-notes/26.2.9">26.2.9</a></li><li><a href="/ej2-angular/release-notes/26.2.8">26.2.8</a></li><li><a href="/ej2-angular/release-notes/26.2.7">26.2.7</a></li><li><a href="/ej2-angular/release-notes/26.2.5">26.2.5</a></li><li><a href="/ej2-angular/release-notes/26.1.42">26.1.42</a></li><li><a href="/ej2-angular/release-notes/26.1.41">26.1.41</a></li><li><a href="/ej2-angular/release-notes/26.1.40">26.1.40</a></li><li><a href="/ej2-angular/release-notes/26.1.39">26.1.39</a></li><li><a href="/ej2-angular/release-notes/26.1.38">26.1.38</a></li></ul></li><li><a href="/ej2-angular/release-notes/26.2.4">26.2.4 Service Pack Release</a></li><li><a href="/ej2-angular/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-angular/release-notes/25.2.7">25.2.7</a></li><li><a href="/ej2-angular/release-notes/25.2.6">25.2.6</a></li><li><a href="/ej2-angular/release-notes/25.2.5">25.2.5</a></li><li><a href="/ej2-angular/release-notes/25.2.4">25.2.4</a></li><li><a href="/ej2-angular/release-notes/25.1.42">25.1.42</a></li><li><a href="/ej2-angular/release-notes/25.1.41">25.1.41</a></li><li><a href="/ej2-angular/release-notes/25.1.40">25.1.40</a></li><li><a href="/ej2-angular/release-notes/25.1.39">25.1.39</a></li><li><a href="/ej2-angular/release-notes/25.1.38">25.1.38</a></li><li><a href="/ej2-angular/release-notes/25.1.37">25.1.37</a></li></ul></li><li><a href="/ej2-angular/release-notes/25.2.3">25.2.3 Service Pack Release</a></li><li><a href="/ej2-angular/release-notes/25.1.35">25.1.35 Main Release</a></li></ul></li>
3091+
<li>2024 Volume 3 - 27.*<ul><li>Weekly Release<ul><li><a href="/ej2-angular/release-notes/27.2.4">27.2.4</a></li><li><a href="/ej2-angular/release-notes/27.2.3">27.2.3</a></li><li><a href="/ej2-angular/release-notes/27.1.58">27.1.58</a></li><li><a href="/ej2-angular/release-notes/27.1.57">27.1.57</a></li><li><a href="/ej2-angular/release-notes/27.1.56">27.1.56</a></li><li><a href="/ej2-angular/release-notes/27.1.55">27.1.55</a></li><li><a href="/ej2-angular/release-notes/27.1.53">27.1.53</a></li><li><a href="/ej2-angular/release-notes/27.1.52">27.1.52</a></li><li><a href="/ej2-angular/release-notes/27.1.51">27.1.51</a></li><li><a href="/ej2-angular/release-notes/27.1.50">27.1.50</a></li></ul></li><li><a href="/ej2-angular/release-notes/27.2.2">27.2.2 Service Pack Release</a></li><li><a href="/ej2-angular/release-notes/27.1.48">27.1.48 Main Release</a></li></ul></li><li>2024 Volume 2 - 26.*<ul><li>Weekly Release<ul><li><a href="/ej2-angular/release-notes/26.2.14">26.2.14</a></li><li><a href="/ej2-angular/release-notes/26.2.13">26.2.13</a></li><li><a href="/ej2-angular/release-notes/26.2.12">26.2.12</a></li><li><a href="/ej2-angular/release-notes/26.2.11">26.2.11</a></li><li><a href="/ej2-angular/release-notes/26.2.10">26.2.10</a></li><li><a href="/ej2-angular/release-notes/26.2.9">26.2.9</a></li><li><a href="/ej2-angular/release-notes/26.2.8">26.2.8</a></li><li><a href="/ej2-angular/release-notes/26.2.7">26.2.7</a></li><li><a href="/ej2-angular/release-notes/26.2.5">26.2.5</a></li><li><a href="/ej2-angular/release-notes/26.1.42">26.1.42</a></li><li><a href="/ej2-angular/release-notes/26.1.41">26.1.41</a></li><li><a href="/ej2-angular/release-notes/26.1.40">26.1.40</a></li><li><a href="/ej2-angular/release-notes/26.1.39">26.1.39</a></li><li><a href="/ej2-angular/release-notes/26.1.38">26.1.38</a></li></ul></li><li><a href="/ej2-angular/release-notes/26.2.4">26.2.4 Service Pack Release</a></li><li><a href="/ej2-angular/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-angular/release-notes/25.2.7">25.2.7</a></li><li><a href="/ej2-angular/release-notes/25.2.6">25.2.6</a></li><li><a href="/ej2-angular/release-notes/25.2.5">25.2.5</a></li><li><a href="/ej2-angular/release-notes/25.2.4">25.2.4</a></li><li><a href="/ej2-angular/release-notes/25.1.42">25.1.42</a></li><li><a href="/ej2-angular/release-notes/25.1.41">25.1.41</a></li><li><a href="/ej2-angular/release-notes/25.1.40">25.1.40</a></li><li><a href="/ej2-angular/release-notes/25.1.39">25.1.39</a></li><li><a href="/ej2-angular/release-notes/25.1.38">25.1.38</a></li><li><a href="/ej2-angular/release-notes/25.1.37">25.1.37</a></li></ul></li><li><a href="/ej2-angular/release-notes/25.2.3">25.2.3 Service Pack Release</a></li><li><a href="/ej2-angular/release-notes/25.1.35">25.1.35 Main Release</a></li></ul></li>
30923092
<li>2023 Volume 4 - 24.*<ul><li>Weekly Release<ul><li><a href="/ej2-angular/release-notes/24.2.9">24.2.9</a></li><li><a href="/ej2-angular/release-notes/24.2.8">24.2.8</a></li><li><a href="/ej2-angular/release-notes/24.2.7">24.2.7</a></li><li><a href="/ej2-angular/release-notes/24.2.6">24.2.6</a></li><li><a href="/ej2-angular/release-notes/24.2.5">24.2.5</a></li><li><a href="/ej2-angular/release-notes/24.2.4">24.2.4</a></li><li><a href="/ej2-angular/release-notes/24.1.47">24.1.47</a></li><li><a href="/ej2-angular/release-notes/24.1.46">24.1.46</a></li><li><a href="/ej2-angular/release-notes/24.1.45">24.1.45</a></li><li><a href="/ej2-angular/release-notes/24.1.44">24.1.44</a></li><li><a href="/ej2-angular/release-notes/24.1.43">24.1.43</a></li></ul></li> <li><a href="/ej2-angular/release-notes/24.2.3">24.2.3 Service Pack Release</a></li>
30933093
<li><a href="/ej2-angular/release-notes/24.1.41">24.1.41 Main Release</a></li></ul></li>
30943094
<li>2023 Volume 3 - 23.*<ul><li> Weekly Release<ul><li><a href="/ej2-angular/release-notes/23.2.7">23.2.7</a></li><li><a href="/ej2-angular/release-notes/23.2.6">23.2.6</a></li><li><a href="/ej2-angular/release-notes/23.2.5">23.2.5</a></li><li><a href="/ej2-angular/release-notes/23.1.44">23.1.44</a></li><li><a href="/ej2-angular/release-notes/23.1.43">23.1.43</a></li><li><a href="/ej2-angular/release-notes/23.1.42">23.1.42</a></li><li><a href="/ej2-angular/release-notes/23.1.41">23.1.41</a></li><li><a href="/ej2-angular/release-notes/23.1.40">23.1.40</a></li><li><a href="/ej2-angular/release-notes/23.1.39">23.1.39</a></li><li><a href="/ej2-angular/release-notes/23.1.38">23.1.38</a></li></ul></li>

‎ej2-angular/Release-notes/27.2.4.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 Angular Weekly Release Release Notes
3+
description: Essential Studio for Angular Weekly Release Release Notes
4+
platform: ej2-angular
5+
documentation: ug
6+
---
7+
8+
# Essential Studio for Angular Release Notes
9+
10+
{% include release-info.html date="November 26, 2024" version="v27.2.4" %}
11+
12+
{% directory path: _includes/release-notes/v27.2.4 %}
13+
14+
{% include {{file.url}} %}
15+
16+
{% enddirectory %}

‎ej2-angular/code-snippet/common/animation-multiple-cs1/src/app.component.ts

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,8 @@ standalone: true,
1313
template: `
1414
<div #element1 class='animation1'></div>
1515
<div #element2 class='animation2'></div>
16-
`
16+
`,
17+
styleUrls: ['../index.css']
1718
})
1819

1920
export class AppComponent {

‎ej2-angular/code-snippet/common/animation-multiple-cs2/src/app.component.ts

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,8 @@ standalone: true,
1414
template: `
1515
<div #element1 class='animation1'></div>
1616
<div #element2 class='animation2'></div>
17-
`
17+
`,
18+
styleUrls: ['../index.css']
1819
})
1920

2021
export class AppComponent {

‎ej2-angular/code-snippet/common/animation-multiple-cs3/src/app.component.ts

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,8 @@ standalone: true,
1313
template: `
1414
<div #element1 class='animation1'></div>
1515
<div #element2 class='animation2'></div>
16-
`
16+
`,
17+
styleUrls: ['../index.css']
1718
})
1819

1920
export class AppComponent {

‎ej2-angular/code-snippet/common/enable-sanitizer-cs1/package.json

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,8 @@
1414
"@angular/platform-browser": "17.1.2",
1515
"@angular/platform-browser-dynamic": "17.1.2",
1616
"@syncfusion/ej2-base": "*",
17+
"@syncfusion/ej2-angular-popups": "*",
18+
"@syncfusion/ej2-angular-buttons": "*",
1719
"@angular/animations": "17.1.2",
1820
"@angular/common": "17.1.2",
1921
"@angular/compiler": "17.1.2",

‎ej2-angular/code-snippet/common/locale-cs1/package.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,7 @@
1414
"@angular/platform-browser": "17.1.2",
1515
"@angular/platform-browser-dynamic": "17.1.2",
1616
"@syncfusion/ej2-angular-grids": "*",
17+
"@syncfusion/ej2-grids": "*",
1718
"@syncfusion/ej2-angular-base": "*",
1819
"@syncfusion/ej2-angular-lists": "*",
1920
"@syncfusion/ej2-angular-buttons": "*",

‎ej2-angular/code-snippet/common/locale-cs1/src/app.component.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@ imports: [
4040
GridModule
4141
],
4242

43-
providers: [GroupService, PageService]
43+
providers: [GroupService, PageService],
4444
standalone: true,
4545
selector: 'app-root',
4646
template: `<ejs-grid [dataSource]='data' [locale]='"de-DE"' [allowGrouping]='true' [allowPaging]='true' [pageSettings]='pageOptions' height='220px'>

‎ej2-angular/code-snippet/common/quickstart1-cs1/package.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,7 @@
1414
"@angular/platform-browser": "17.1.2",
1515
"@angular/platform-browser-dynamic": "17.1.2",
1616
"@syncfusion/ej2-angular-grids": "*",
17+
"@syncfusion/ej2-grids": "*",
1718
"@syncfusion/ej2-angular-base": "*",
1819
"@syncfusion/ej2-angular-lists": "*",
1920
"@syncfusion/ej2-angular-buttons": "*",

‎ej2-angular/code-snippet/common/quickstart1-cs1/src/app.component.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ imports: [
1717
providers: [PageService,
1818
SortService,
1919
FilterService,
20-
GroupService]
20+
GroupService],
2121
standalone: true,
2222
selector: 'app-root',
2323
template: `<ejs-grid [dataSource]='data' [allowPaging]="true" [allowSorting]="true"

‎ej2-angular/code-snippet/common/state-persistence-cs1/package.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,7 @@
1414
"@angular/platform-browser": "17.1.2",
1515
"@angular/platform-browser-dynamic": "17.1.2",
1616
"@syncfusion/ej2-angular-grids": "*",
17+
"@syncfusion/ej2-grids": "*",
1718
"@syncfusion/ej2-angular-base": "*",
1819
"@syncfusion/ej2-angular-lists": "*",
1920
"@syncfusion/ej2-angular-buttons": "*",

‎ej2-angular/code-snippet/common/state-persistence-cs1/src/app.component.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ imports: [
1616
providers: [PageService,
1717
SortService,
1818
FilterService,
19-
GroupService]
19+
GroupService],
2020
standalone: true,
2121
selector: 'app-root',
2222
template: `<ejs-grid [dataSource]='data' [enablePersistence]='true' [allowPaging]="true" [pageSettings]='pageSettings'>

‎ej2-angular/code-snippet/listview/avatar-template-cs1/package.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,7 @@
1717
"@syncfusion/ej2-base": "*",
1818
"@syncfusion/ej2-angular-base": "*",
1919
"@syncfusion/ej2-angular-buttons": "*",
20+
"@syncfusion/ej2-angular-layouts": "*",
2021
"@angular/animations": "17.1.2",
2122
"@angular/common": "17.1.2",
2223
"@angular/compiler": "17.1.2",

‎ej2-angular/code-snippet/listview/avatar-template-cs1/src/app.component.ts

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,11 +6,12 @@ import { ListViewModule } from '@syncfusion/ej2-angular-lists'
66

77

88
import { Component } from '@angular/core';
9+
import { CommonModule, NgIf } from '@angular/common';
910

1011
@Component({
1112
imports: [
1213

13-
ListViewModule
14+
ListViewModule, CommonModule, NgIf
1415
],
1516

1617

‎ej2-angular/code-snippet/listview/avatar-template-cs1/src/styles.css

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11

22
@import 'node_modules/@syncfusion/ej2-base/styles/material.css';
33
@import 'node_modules/@syncfusion/ej2-angular-base/styles/material.css';
4-
@import 'node_modules/@syncfusion/ej2-angular-lists/styles/material.css';
5-
@import 'node_modules/@syncfusion/ej2-angular-buttons/styles/material.css';
4+
@import 'node_modules/@syncfusion/ej2-angular-layouts/styles/material.css';
5+
@import 'node_modules/@syncfusion/ej2-angular-buttons/styles/material.css';
6+
@import 'node_modules/@syncfusion/ej2-angular-lists/styles/material.css';

‎ej2-angular/code-snippet/listview/virtualization/template-cs1/index.css

Lines changed: 0 additions & 100 deletions
Original file line numberDiff line numberDiff line change
@@ -1,100 +0,0 @@
1-
#container {
2-
visibility: hidden;
3-
}
4-
5-
#loader {
6-
color: #008cff;
7-
height: 40px;
8-
width: 30%;
9-
position: absolute;
10-
top: 45%;
11-
left: 45%;
12-
}
13-
14-
#ui-list {
15-
display: block;
16-
max-width: 400px;
17-
margin: auto;
18-
border: 1px solid #dddddd;
19-
border-radius: 3px;
20-
cursor: pointer;
21-
}
22-
23-
button {
24-
float: right
25-
}
26-
27-
#icon {
28-
width: 45px;
29-
height: 45px;
30-
text-align: center;
31-
line-height: 45px;
32-
border-radius: 50%;
33-
font-size: 20px;
34-
font-weight: 500;
35-
float: left;
36-
margin-top: 17px;
37-
margin-right: 35px;
38-
}
39-
40-
img {
41-
border-radius: 50%;
42-
border: #ddd;
43-
border: 1px solid rgba(40, 40, 40, 0.12);
44-
}
45-
46-
.R {
47-
background: purple;
48-
}
49-
50-
.M {
51-
background: pink;
52-
}
53-
54-
.A {
55-
background: green;
56-
}
57-
58-
.S {
59-
background: lightskyblue;
60-
}
61-
62-
.J {
63-
background: orange;
64-
}
65-
66-
.N {
67-
background: blue;
68-
}
69-
70-
#ui-list .e-list-item {
71-
height: 80px;
72-
border: #ddd;
73-
border: 1px solid rgba(184, 184, 184, 0.12);
74-
}
75-
76-
.list-container {
77-
width: inherit;
78-
height: 100%;
79-
80-
}
81-
82-
.showUI {
83-
display: inline;
84-
}
85-
86-
.hideUI {
87-
display: none;
88-
}
89-
90-
.content {
91-
height: 100%;
92-
float: left;
93-
}
94-
95-
.name {
96-
height: 100%;
97-
font-size: 20px;
98-
font-weight: 600;
99-
line-height: 78px;
100-
}

‎ej2-angular/code-snippet/listview/virtualization/template-cs1/package.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,7 @@
1515
"@angular/platform-browser-dynamic": "17.1.2",
1616
"@syncfusion/ej2-angular-lists": "*",
1717
"@syncfusion/ej2-base": "*",
18+
"@syncfusion/ej2-angular-layouts": "*",
1819
"@syncfusion/ej2-angular-base": "*",
1920
"@syncfusion/ej2-angular-buttons": "*",
2021
"@syncfusion/ej2-angular-popups": "*",

‎ej2-angular/code-snippet/listview/virtualization/template-cs1/src/app.component.ts

Lines changed: 73 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -1,59 +1,93 @@
11
import { NgModule } from '@angular/core'
22
import { BrowserModule } from '@angular/platform-browser'
33
import { ListViewModule, VirtualizationService } from '@syncfusion/ej2-angular-lists'
4-
5-
6-
7-
4+
import { NgIf } from '@angular/common';
85
import { Component } from '@angular/core';
96

107
@Component({
118
imports: [
129

13-
ListViewModule
10+
ListViewModule,NgIf
1411
],
1512

1613
providers: [VirtualizationService],
1714
standalone: true,
1815
selector: 'my-app',
19-
template: `<ejs-listview id='ui-list' [dataSource]='listData' [enableVirtualization]='true' [height]=500 headerTitle='Contacts' [showHeader]='true'>
20-
<ng-template #template let-data="">
21-
<div class="list-container">
22-
<div id="icon" *ngIf="data.icon !== ''" class={{data.icon}}>
23-
<span class="showUI">{{data.icon}}</span>
24-
<img class="hideUI" width = '45' height = '45' src={{data.imgUrl}} />
25-
</div>
26-
<div id="icon" *ngIf="data.imgUrl !== ''" class="img">
27-
<span class="hideUI">{{data.icon}}</span>
28-
<img class="showUI" width = '45' height = '45' src={{data.imgUrl}} />
29-
</div>
30-
<div class="name">{{data.name}}</div>
31-
</div>
32-
</ng-template>
16+
template: `<ejs-listview
17+
id="ui-list"
18+
#listviewInstance
19+
[dataSource]="listData"
20+
[cssClass]="cssClass"
21+
[enableVirtualization]="true"
22+
headerTitle="Contacts"
23+
[fields]="fields"
24+
height="500"
25+
[template]="template"
26+
[showHeader]="true"
27+
>
28+
<ng-template #template let-data>
29+
<div class="e-list-wrapper e-list-avatar">
30+
<span
31+
*ngIf="!data.imgUrl"
32+
class="e-avatar e-avatar-circle {{ data.icon }} showUI"
33+
>{{ data.icon }}</span
34+
>
35+
<img
36+
*ngIf="data.imgUrl"
37+
class="e-avatar e-avatar-circle showUI"
38+
src="{{ data.imgUrl }}"
39+
alt="{{ data.altText }}"
40+
/>
41+
<span class="e-list-content">{{ data.name }}</span>
42+
</div>
43+
</ng-template>
3344
</ejs-listview>`
3445
})
3546

3647
export class AppComponent {
37-
public listData: { [key: string]: string | object }[] = [
38-
{ name: 'Nancy', icon: 'N', imgUrl:'', id: '0', },
39-
{ name: 'Andrew', icon: 'A', imgUrl:'', id: '1' },
40-
{ name: 'Janet', icon: 'J', imgUrl:'', id: '2' },
41-
{ name: 'Margaret', icon: '', imgUrl: 'https://ej2.syncfusion.com/demos/src/grid/images/2.png', id: '3' },
42-
{ name: 'Steven', icon: 'S', imgUrl:'', id: '4' },
43-
{ name: 'Laura', icon: '', imgUrl: 'https://ej2.syncfusion.com/demos/src/grid/images/3.png', id: '5' },
44-
{ name: 'Robert', icon: 'R', imgUrl:'', id: '6' },
45-
{ name: 'Michael', icon: 'M', imgUrl:'', id: '7' },
46-
{ name: 'Albert', icon: '', imgUrl: 'https://ej2.syncfusion.com/demos/src/grid/images/5.png', id: '8' },
47-
{ name: 'Nolan', icon: 'N', imgUrl:'', id: '9' }
48-
];
48+
public cssClass: string = 'e-list-template';
49+
constructor() {}
50+
51+
public listData: { [key: string]: string | object }[] = [
52+
{ name: 'Nancy', icon: 'N', imgUrl: '', id: '0' },
53+
{ name: 'Andrew', icon: 'A', imgUrl: '', id: '1' },
54+
{ name: 'Janet', icon: 'J', imgUrl: '', id: '2' },
55+
{
56+
name: 'Margaret',
57+
icon: '',
58+
imgUrl: 'https://ej2.syncfusion.com/demos/src/grid/images/2.png',
59+
id: '3',
60+
},
61+
{ name: 'Steven', icon: 'S', imgUrl: '', id: '4' },
62+
{
63+
name: 'Laura',
64+
icon: '',
65+
imgUrl: 'https://ej2.syncfusion.com/demos/src/grid/images/3.png',
66+
id: '5',
67+
},
68+
{ name: 'Robert', icon: 'R', imgUrl: '', id: '6' },
69+
{ name: 'Michael', icon: 'M', imgUrl: '', id: '7' },
70+
{
71+
name: 'Albert',
72+
icon: '',
73+
imgUrl: 'https://ej2.syncfusion.com/demos/src/grid/images/5.png',
74+
id: '8',
75+
},
76+
{ name: 'Nolan', icon: 'N', imgUrl: '', id: '9' },
77+
];
4978

50-
public ngOnInit() {
51-
for (let i: number = 10; i <= 1010; i++) {
79+
public ngOnInit() {
80+
for (let i: number = 10; i <= 1010; i++) {
5281
let index: number = parseInt((Math.random() * 10).toString());
53-
this.listData.push({ name: (this.listData[index] as any).name, icon: (this.listData[index] as any).icon, imgUrl: (this.listData[index] as any).imgUrl, id: i.toString() });
54-
}
82+
83+
this.listData.push({
84+
name: (this.listData[index] as any).name,
85+
icon: (this.listData[index] as any).icon,
86+
imgUrl: (this.listData[index] as any).imgUrl,
87+
id: i.toString(),
88+
});
89+
}
90+
}
91+
public fields: Object = { text: 'name' };
92+
5593
}
56-
}
57-
58-
59-

0 commit comments

Comments
 (0)