@syncfusion/ej2-angular-lists 26.1.35 → 26.2.4-ngcc
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/@syncfusion/ej2-angular-lists.es5.js +188 -0
- package/@syncfusion/ej2-angular-lists.es5.js.map +1 -0
- package/@syncfusion/ej2-angular-lists.js +169 -0
- package/@syncfusion/ej2-angular-lists.js.map +1 -0
- package/dist/ej2-angular-lists.umd.js +213 -0
- package/dist/ej2-angular-lists.umd.js.map +1 -0
- package/dist/ej2-angular-lists.umd.min.js +11 -0
- package/dist/ej2-angular-lists.umd.min.js.map +1 -0
- package/ej2-angular-lists.d.ts +5 -0
- package/ej2-angular-lists.metadata.json +1 -0
- package/license +10 -0
- package/package.json +15 -29
- package/schematics/collection.json +0 -30
- package/src/list-view/listview-all.module.d.ts +0 -6
- package/src/list-view/listview.component.d.ts +0 -3
- package/src/list-view/listview.module.d.ts +0 -6
- package/styles/list-view/material3-dark.css +1 -1
- package/styles/list-view/material3.css +1 -1
- package/styles/material3-dark.css +1 -1
- package/styles/material3.css +1 -1
- package/CHANGELOG.md +0 -530
- package/esm2020/public_api.mjs +0 -2
- package/esm2020/src/index.mjs +0 -5
- package/esm2020/src/list-view/listview-all.module.mjs +0 -29
- package/esm2020/src/list-view/listview.component.mjs +0 -85
- package/esm2020/src/list-view/listview.module.mjs +0 -25
- package/esm2020/syncfusion-ej2-angular-lists.mjs +0 -5
- package/fesm2015/syncfusion-ej2-angular-lists.mjs +0 -137
- package/fesm2015/syncfusion-ej2-angular-lists.mjs.map +0 -1
- package/fesm2020/syncfusion-ej2-angular-lists.mjs +0 -137
- package/fesm2020/syncfusion-ej2-angular-lists.mjs.map +0 -1
- package/schematics/generators/listview-checklist/index.d.ts +0 -3
- package/schematics/generators/listview-checklist/index.js +0 -8
- package/schematics/generators/listview-checklist/index.ts +0 -8
- package/schematics/generators/listview-checklist/sample-details.d.ts +0 -5
- package/schematics/generators/listview-checklist/sample-details.js +0 -7
- package/schematics/generators/listview-checklist/sample-details.ts +0 -5
- package/schematics/generators/listview-checklist/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -49
- package/schematics/generators/listview-checklist/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -12
- package/schematics/generators/listview-checklist/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts +0 -84
- package/schematics/generators/listview-checklist/schema.d.ts +0 -3
- package/schematics/generators/listview-checklist/schema.js +0 -2
- package/schematics/generators/listview-checklist/schema.json +0 -125
- package/schematics/generators/listview-checklist/schema.ts +0 -3
- package/schematics/generators/listview-default/index.d.ts +0 -3
- package/schematics/generators/listview-default/index.js +0 -8
- package/schematics/generators/listview-default/index.ts +0 -8
- package/schematics/generators/listview-default/sample-details.d.ts +0 -5
- package/schematics/generators/listview-default/sample-details.js +0 -7
- package/schematics/generators/listview-default/sample-details.ts +0 -5
- package/schematics/generators/listview-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -53
- package/schematics/generators/listview-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -12
- package/schematics/generators/listview-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts +0 -84
- package/schematics/generators/listview-default/schema.d.ts +0 -3
- package/schematics/generators/listview-default/schema.js +0 -2
- package/schematics/generators/listview-default/schema.json +0 -125
- package/schematics/generators/listview-default/schema.ts +0 -3
- package/schematics/generators/listview-nestedlist/images/__path__/__name@dasherize__/file_icons.png +0 -0
- package/schematics/generators/listview-nestedlist/index.d.ts +0 -3
- package/schematics/generators/listview-nestedlist/index.js +0 -8
- package/schematics/generators/listview-nestedlist/index.ts +0 -8
- package/schematics/generators/listview-nestedlist/sample-details.d.ts +0 -5
- package/schematics/generators/listview-nestedlist/sample-details.js +0 -7
- package/schematics/generators/listview-nestedlist/sample-details.ts +0 -5
- package/schematics/generators/listview-nestedlist/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -70
- package/schematics/generators/listview-nestedlist/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -5
- package/schematics/generators/listview-nestedlist/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts +0 -84
- package/schematics/generators/listview-nestedlist/schema.d.ts +0 -3
- package/schematics/generators/listview-nestedlist/schema.js +0 -2
- package/schematics/generators/listview-nestedlist/schema.json +0 -125
- package/schematics/generators/listview-nestedlist/schema.ts +0 -3
- package/schematics/generators/listview-remotelist/index.d.ts +0 -3
- package/schematics/generators/listview-remotelist/index.js +0 -8
- package/schematics/generators/listview-remotelist/index.ts +0 -8
- package/schematics/generators/listview-remotelist/sample-details.d.ts +0 -5
- package/schematics/generators/listview-remotelist/sample-details.js +0 -7
- package/schematics/generators/listview-remotelist/sample-details.ts +0 -5
- package/schematics/generators/listview-remotelist/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -56
- package/schematics/generators/listview-remotelist/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -5
- package/schematics/generators/listview-remotelist/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts +0 -31
- package/schematics/generators/listview-remotelist/schema.d.ts +0 -3
- package/schematics/generators/listview-remotelist/schema.js +0 -2
- package/schematics/generators/listview-remotelist/schema.json +0 -125
- package/schematics/generators/listview-remotelist/schema.ts +0 -3
- package/schematics/generators/listview-template/index.d.ts +0 -3
- package/schematics/generators/listview-template/index.js +0 -8
- package/schematics/generators/listview-template/index.ts +0 -8
- package/schematics/generators/listview-template/sample-details.d.ts +0 -5
- package/schematics/generators/listview-template/sample-details.js +0 -7
- package/schematics/generators/listview-template/sample-details.ts +0 -5
- package/schematics/generators/listview-template/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -169
- package/schematics/generators/listview-template/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -18
- package/schematics/generators/listview-template/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts +0 -35
- package/schematics/generators/listview-template/schema.d.ts +0 -3
- package/schematics/generators/listview-template/schema.js +0 -2
- package/schematics/generators/listview-template/schema.json +0 -125
- package/schematics/generators/listview-template/schema.ts +0 -3
- package/schematics/generators/listview-virtualization/images/__path__/__name@dasherize__/albert.png +0 -0
- package/schematics/generators/listview-virtualization/images/__path__/__name@dasherize__/laura.png +0 -0
- package/schematics/generators/listview-virtualization/images/__path__/__name@dasherize__/margaret.png +0 -0
- package/schematics/generators/listview-virtualization/index.d.ts +0 -3
- package/schematics/generators/listview-virtualization/index.js +0 -8
- package/schematics/generators/listview-virtualization/index.ts +0 -8
- package/schematics/generators/listview-virtualization/sample-details.d.ts +0 -5
- package/schematics/generators/listview-virtualization/sample-details.js +0 -7
- package/schematics/generators/listview-virtualization/sample-details.ts +0 -5
- package/schematics/generators/listview-virtualization/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -83
- package/schematics/generators/listview-virtualization/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -37
- package/schematics/generators/listview-virtualization/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts +0 -94
- package/schematics/generators/listview-virtualization/schema.d.ts +0 -3
- package/schematics/generators/listview-virtualization/schema.js +0 -2
- package/schematics/generators/listview-virtualization/schema.json +0 -125
- package/schematics/generators/listview-virtualization/schema.ts +0 -3
- package/schematics/ng-add/index.d.ts +0 -3
- package/schematics/ng-add/index.js +0 -9
- package/schematics/ng-add/schema.d.ts +0 -13
- package/schematics/ng-add/schema.js +0 -2
- package/schematics/utils/lib-details.d.ts +0 -4
- package/schematics/utils/lib-details.js +0 -6
- package/syncfusion-ej2-angular-lists.d.ts +0 -5
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* ListView Template Sample
|
|
3
|
-
*/
|
|
4
|
-
|
|
5
|
-
import { Component, ViewEncapsulation } from '@angular/core';
|
|
6
|
-
|
|
7
|
-
@Component({
|
|
8
|
-
selector: '<%=dasherize(selector)%>',
|
|
9
|
-
templateUrl: '<%=dasherize(name)%>.component.html',
|
|
10
|
-
styleUrls: ['<%=dasherize(name)%>.component.css'],
|
|
11
|
-
encapsulation: ViewEncapsulation.None
|
|
12
|
-
})
|
|
13
|
-
|
|
14
|
-
export class <%= classify(name) %>Component {
|
|
15
|
-
|
|
16
|
-
// Define an array of JSON data
|
|
17
|
-
public dataSource: object = [
|
|
18
|
-
{ Name: 'WI-FI', content: 'Disabled', id: '1', class: 'wifi', category: 'Wireless & networks', order: 0 },
|
|
19
|
-
{ Name: 'Bluetooth', content: 'Disabled', id: '2', class: 'bluetooth', category: 'Wireless & networks', order: 0 },
|
|
20
|
-
{ Name: 'SIM cards', id: '3', content: 'AT&T', class: 'sim', category: 'Wireless & networks', order: 0 },
|
|
21
|
-
{ Name: 'Display', content: 'Adaptive brightness is OFF', id: '4', class: 'display', category: 'Device', order: 1 },
|
|
22
|
-
{ Name: 'Sound', content: 'Ringer volume at 50%', id: '5', class: 'sound', category: 'Device', order: 1 },
|
|
23
|
-
{ Name: 'Battery', content: '85%', id: '5', class: 'battery', category: 'Device', order: 1 },
|
|
24
|
-
{ Name: 'Users', content: 'Signed in as Albert', id: '6', class: 'user', category: 'Device', order: 1 },
|
|
25
|
-
{ Name: 'Location', content: 'ON / High accuracy', id: '7', class: 'location', category: 'Personal', order: 2 },
|
|
26
|
-
{ Name: 'Security', id: '8', content: 'Screen Lock', class: 'security', category: 'Personal', order: 2 },
|
|
27
|
-
{ Name: 'Languages & input', content: 'English (US)', id: '9', class: 'language', category: 'Personal', order: 2 }
|
|
28
|
-
];
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
// Map the appropriate columns to fields property
|
|
32
|
-
public fields: Object = { text: 'Name', groupBy: 'order' };
|
|
33
|
-
public headerTitle = 'Settings';
|
|
34
|
-
public cssClass = 'e-list-template';
|
|
35
|
-
}
|
|
@@ -1,125 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "http://json-schema.org/schema",
|
|
3
|
-
"$id": "EJ2SchemaTemplateID",
|
|
4
|
-
"title": "listview-template",
|
|
5
|
-
"type": "object",
|
|
6
|
-
"properties": {
|
|
7
|
-
"path": {
|
|
8
|
-
"type": "string",
|
|
9
|
-
"format": "path",
|
|
10
|
-
"description": "The path to create the component.",
|
|
11
|
-
"visible": false
|
|
12
|
-
},
|
|
13
|
-
"project": {
|
|
14
|
-
"type": "string",
|
|
15
|
-
"description": "The name of the project.",
|
|
16
|
-
"$default": {
|
|
17
|
-
"$source": "projectName"
|
|
18
|
-
}
|
|
19
|
-
},
|
|
20
|
-
"name": {
|
|
21
|
-
"type": "string",
|
|
22
|
-
"description": "The name of the component.",
|
|
23
|
-
"$default": {
|
|
24
|
-
"$source": "argv",
|
|
25
|
-
"index": 0
|
|
26
|
-
}
|
|
27
|
-
},
|
|
28
|
-
"inlineStyle": {
|
|
29
|
-
"description": "Specifies if the style will be in the ts file.",
|
|
30
|
-
"type": "boolean",
|
|
31
|
-
"default": false,
|
|
32
|
-
"alias": "s"
|
|
33
|
-
},
|
|
34
|
-
"inlineTemplate": {
|
|
35
|
-
"description": "Specifies if the template will be in the ts file.",
|
|
36
|
-
"type": "boolean",
|
|
37
|
-
"default": false,
|
|
38
|
-
"alias": "t"
|
|
39
|
-
},
|
|
40
|
-
"viewEncapsulation": {
|
|
41
|
-
"description": "Specifies the view encapsulation strategy.",
|
|
42
|
-
"enum": [
|
|
43
|
-
"Emulated",
|
|
44
|
-
"Native",
|
|
45
|
-
"None",
|
|
46
|
-
"ShadowDom"
|
|
47
|
-
],
|
|
48
|
-
"type": "string",
|
|
49
|
-
"alias": "v"
|
|
50
|
-
},
|
|
51
|
-
"changeDetection": {
|
|
52
|
-
"description": "Specifies the change detection strategy.",
|
|
53
|
-
"enum": [
|
|
54
|
-
"Default",
|
|
55
|
-
"OnPush"
|
|
56
|
-
],
|
|
57
|
-
"type": "string",
|
|
58
|
-
"default": "Default",
|
|
59
|
-
"alias": "c"
|
|
60
|
-
},
|
|
61
|
-
"prefix": {
|
|
62
|
-
"type": "string",
|
|
63
|
-
"description": "The prefix to apply to generated selectors.",
|
|
64
|
-
"alias": "p",
|
|
65
|
-
"oneOf": [
|
|
66
|
-
{
|
|
67
|
-
"maxLength": 0
|
|
68
|
-
},
|
|
69
|
-
{
|
|
70
|
-
"minLength": 1,
|
|
71
|
-
"format": "html-selector"
|
|
72
|
-
}
|
|
73
|
-
]
|
|
74
|
-
},
|
|
75
|
-
"styleext": {
|
|
76
|
-
"description": "The file extension to be used for style files.",
|
|
77
|
-
"type": "string",
|
|
78
|
-
"default": "css"
|
|
79
|
-
},
|
|
80
|
-
"spec": {
|
|
81
|
-
"type": "boolean",
|
|
82
|
-
"description": "Specifies if a spec file is generated.",
|
|
83
|
-
"default": true
|
|
84
|
-
},
|
|
85
|
-
"flat": {
|
|
86
|
-
"type": "boolean",
|
|
87
|
-
"description": "Flag to indicate if a dir is created.",
|
|
88
|
-
"default": false
|
|
89
|
-
},
|
|
90
|
-
"skipImport": {
|
|
91
|
-
"type": "boolean",
|
|
92
|
-
"description": "Flag to skip the module import.",
|
|
93
|
-
"default": false
|
|
94
|
-
},
|
|
95
|
-
"selector": {
|
|
96
|
-
"type": "string",
|
|
97
|
-
"format": "html-selector",
|
|
98
|
-
"description": "The selector to use for the component."
|
|
99
|
-
},
|
|
100
|
-
"module": {
|
|
101
|
-
"type": "string",
|
|
102
|
-
"description": "Allows specification of the declaring module.",
|
|
103
|
-
"alias": "m"
|
|
104
|
-
},
|
|
105
|
-
"export": {
|
|
106
|
-
"type": "boolean",
|
|
107
|
-
"default": false,
|
|
108
|
-
"description": "Specifies if declaring module exports the component."
|
|
109
|
-
},
|
|
110
|
-
"entryComponent": {
|
|
111
|
-
"type": "boolean",
|
|
112
|
-
"default": false,
|
|
113
|
-
"description": "Specifies if the component is an entry component of declaring module."
|
|
114
|
-
},
|
|
115
|
-
"lintFix": {
|
|
116
|
-
"type": "boolean",
|
|
117
|
-
"default": false,
|
|
118
|
-
"description": "Specifies whether to apply lint fixes after generating the component."
|
|
119
|
-
}
|
|
120
|
-
},
|
|
121
|
-
"required": [
|
|
122
|
-
"name"
|
|
123
|
-
],
|
|
124
|
-
"id": "listview-template"
|
|
125
|
-
}
|
package/schematics/generators/listview-virtualization/images/__path__/__name@dasherize__/albert.png
DELETED
|
Binary file
|
package/schematics/generators/listview-virtualization/images/__path__/__name@dasherize__/laura.png
DELETED
|
Binary file
|
|
Binary file
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
|
|
4
|
-
const sampleDetails = require("./sample-details");
|
|
5
|
-
function default_1(options) {
|
|
6
|
-
return schematics_1.componentBuilder(options, sampleDetails);
|
|
7
|
-
}
|
|
8
|
-
exports.default = default_1;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { Rule } from '@angular-devkit/schematics';
|
|
2
|
-
import { componentBuilder } from "@syncfusion/ej2-angular-base/schematics";
|
|
3
|
-
import { Schema } from './schema';
|
|
4
|
-
import * as sampleDetails from './sample-details';
|
|
5
|
-
|
|
6
|
-
export default function (options: Schema): Rule {
|
|
7
|
-
return componentBuilder(options, sampleDetails);
|
|
8
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.componentName = 'listview';
|
|
4
|
-
exports.sampleName = 'virtualization';
|
|
5
|
-
exports.diModules = 'VirtualizationService';
|
|
6
|
-
exports.packageName = '@syncfusion/ej2-angular-lists';
|
|
7
|
-
exports.libModules = 'ListViewModule';
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export const componentName: string = 'listview';
|
|
2
|
-
export const sampleName: string = 'virtualization';
|
|
3
|
-
export const diModules: string = 'VirtualizationService';
|
|
4
|
-
export const packageName: string = '@syncfusion/ej2-angular-lists';
|
|
5
|
-
export const libModules: string = 'ListViewModule';
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
.control-section {
|
|
2
|
-
overflow: auto;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.content-wrapper {
|
|
6
|
-
width: 52%;
|
|
7
|
-
margin: 0 auto;
|
|
8
|
-
min-width: 185px;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
/* ListView position alignment */
|
|
12
|
-
|
|
13
|
-
#ui-list.e-listview {
|
|
14
|
-
margin: auto;
|
|
15
|
-
max-width: 325px;
|
|
16
|
-
line-height: initial;
|
|
17
|
-
border: 1px solid lightgray;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
/* ListView header alignment */
|
|
21
|
-
|
|
22
|
-
#ui-list.e-listview .e-list-header {
|
|
23
|
-
height: 50px
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
#ui-list.e-listview .e-list-header .e-text {
|
|
27
|
-
line-height: 18px
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
/* ListView template customization */
|
|
31
|
-
|
|
32
|
-
#ui-list.e-listview .showUI {
|
|
33
|
-
display: flex;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
#ui-list.e-listview .hideUI {
|
|
37
|
-
display: none;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
#ui-list.e-listview .e-list-item {
|
|
41
|
-
padding: 3px 0;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
#ui-list.e-listview .R {
|
|
45
|
-
background: lightgrey;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
#ui-list.e-listview .M {
|
|
49
|
-
background: pink;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
#ui-list.e-listview .A {
|
|
53
|
-
background: lightgreen;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
#ui-list.e-listview .S {
|
|
57
|
-
background: lightskyblue;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
#ui-list.e-listview .J {
|
|
61
|
-
background: orange;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
#ui-list.e-listview .N {
|
|
65
|
-
background: lightblue;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
/* ListView theme customization */
|
|
69
|
-
|
|
70
|
-
.highcontrast #ui-list.e-listview .e-list-item,
|
|
71
|
-
.highcontrast #ui-list.e-listview .e-list-header {
|
|
72
|
-
background: rgb(0, 0, 0);
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
.highcontrast #ui-list.e-listview .e-list-item.e-active {
|
|
76
|
-
background: #ffd939;
|
|
77
|
-
color: #000000;
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
.inline {
|
|
81
|
-
display: inline-block;
|
|
82
|
-
vertical-align: top;
|
|
83
|
-
}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
<div class="col-lg-8 control-section inline">
|
|
2
|
-
<!-- ListView element -->
|
|
3
|
-
<ejs-listview id='ui-list' #listviewInstance [dataSource]='dataSource.data1' [cssClass]='cssClass'
|
|
4
|
-
[enableVirtualization]=true headerTitle='Contacts' [fields]='fields' height=500 width=350 [template]='template'
|
|
5
|
-
(actionComplete)='onActionComplete()' (actionBegin)='onActionBegin()' [showHeader]='true'></ejs-listview>
|
|
6
|
-
</div>
|
|
7
|
-
<div class="col-lg-4 property-section ui-list inline">
|
|
8
|
-
<table id="property" title="Properties">
|
|
9
|
-
<tbody>
|
|
10
|
-
<tr>
|
|
11
|
-
<td style="width: 50%">
|
|
12
|
-
<div class="userselect">Load data</div>
|
|
13
|
-
</td>
|
|
14
|
-
<td style="width: 50%;padding-right: 10px">
|
|
15
|
-
<div>
|
|
16
|
-
<select (change)='onChange($event)'>
|
|
17
|
-
<option>1k</option>
|
|
18
|
-
<option>5k</option>
|
|
19
|
-
<option>10k</option>
|
|
20
|
-
<option>25k</option>
|
|
21
|
-
</select>
|
|
22
|
-
</div>
|
|
23
|
-
</td>
|
|
24
|
-
</tr>
|
|
25
|
-
<tr>
|
|
26
|
-
<td style="width: 50%;padding-top: 30px">
|
|
27
|
-
<div class="userselect">Time taken</div>
|
|
28
|
-
</td>
|
|
29
|
-
<td style="width: 50%;padding-right: 10px;padding-top: 30px;">
|
|
30
|
-
<div style="padding-left: 10px;padding-top: 0">
|
|
31
|
-
<span id="time">0 ms</span>
|
|
32
|
-
</div>
|
|
33
|
-
</td>
|
|
34
|
-
</tr>
|
|
35
|
-
</tbody>
|
|
36
|
-
</table>
|
|
37
|
-
</div>
|
|
@@ -1,94 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* ListView Virtualization Sample
|
|
3
|
-
*/
|
|
4
|
-
import { Component, Inject, ViewChild, ViewEncapsulation, OnInit } from '@angular/core';
|
|
5
|
-
import { Browser } from '@syncfusion/ej2-base';
|
|
6
|
-
import { ListView } from '@syncfusion/ej2-lists';
|
|
7
|
-
|
|
8
|
-
@Component({
|
|
9
|
-
selector: '<%=dasherize(selector)%>',
|
|
10
|
-
templateUrl: '<%=dasherize(name)%>.component.html',
|
|
11
|
-
styleUrls: ['<%=dasherize(name)%>.component.css'],
|
|
12
|
-
encapsulation: ViewEncapsulation.None
|
|
13
|
-
})
|
|
14
|
-
|
|
15
|
-
export class <%= classify(name) %>Component implements OnInit {
|
|
16
|
-
@ViewChild('listviewInstance')
|
|
17
|
-
public listviewInstance: ListView;
|
|
18
|
-
public commonData: { [key: string]: string | object }[] = [];
|
|
19
|
-
public dataSource: { [key: string]: { [key: string]: string | object }[] } = {};
|
|
20
|
-
public startTime: Date;
|
|
21
|
-
public endTime: Date;
|
|
22
|
-
public liElement: HTMLElement;
|
|
23
|
-
public cssClass = 'e-list-template';
|
|
24
|
-
|
|
25
|
-
public template: string = '<div class="e-list-wrapper e-list-avatar">' +
|
|
26
|
-
'<span class="e-avatar e-avatar-circle ${icon} ${$imgUrl ? \'hideUI\' : \'showUI\' }">' +
|
|
27
|
-
'${icon}</span> <img class="e-avatar e-avatar-circle ${$imgUrl ? \'showUI\' : \'hideUI\' }" ' +
|
|
28
|
-
'src="${$imgUrl ? $imgUrl : \' \' }" />' +
|
|
29
|
-
'<span class="e-list-content">${name}</span></div>';
|
|
30
|
-
|
|
31
|
-
public ddlDatasource: Object[] = [
|
|
32
|
-
{ value: '1', text: '1k' },
|
|
33
|
-
{ value: '5', text: '5k' },
|
|
34
|
-
{ value: '10', text: '10k' },
|
|
35
|
-
{ value: '25', text: '25k' }
|
|
36
|
-
];
|
|
37
|
-
public ddlFields: Object = { text: 'text', value: 'value' };
|
|
38
|
-
|
|
39
|
-
public fields: Object = { text: 'name' };
|
|
40
|
-
|
|
41
|
-
public ngOnInit() {
|
|
42
|
-
this.commonData = [
|
|
43
|
-
{ name: 'Nancy', icon: 'N', id: '0', },
|
|
44
|
-
{ name: 'Andrew', icon: 'A', id: '1' },
|
|
45
|
-
{ name: 'Janet', icon: 'J', id: '2' },
|
|
46
|
-
{ name: 'Margaret', imgUrl: '/assets/listview/virtualization/margaret.png', id: '3' },
|
|
47
|
-
{ name: 'Steven', icon: 'S', id: '4' },
|
|
48
|
-
{ name: 'Laura', imgUrl: '/assets/listview/virtualization/laura.png', id: '5' },
|
|
49
|
-
{ name: 'Robert', icon: 'R', id: '6' },
|
|
50
|
-
{ name: 'Michael', icon: 'M', id: '7' },
|
|
51
|
-
{ name: 'Albert', imgUrl: '/assets/listview/virtualization/albert.png', id: '8' },
|
|
52
|
-
{ name: 'Nolan', icon: 'N', id: '9' }
|
|
53
|
-
];
|
|
54
|
-
|
|
55
|
-
this.liElement = document.getElementById('ui-list');
|
|
56
|
-
|
|
57
|
-
if (Browser.isDevice) {
|
|
58
|
-
this.liElement.classList.add('ui-mobile');
|
|
59
|
-
}
|
|
60
|
-
let dsArray: ((string | number)[])[] = [[1010, 'data1'], [5010, 'data5'], [10010, 'data10'], [25010, 'data25']];
|
|
61
|
-
for (let i: number; i < dsArray.length; i++) {
|
|
62
|
-
let ds: (string | number)[] = dsArray[i];
|
|
63
|
-
const data: { [key: string]: string | object }[] = this.commonData.slice();
|
|
64
|
-
let index: number;
|
|
65
|
-
let spyIndex: number;
|
|
66
|
-
for (let i = 10; i <= ds[0]; i++) {
|
|
67
|
-
while (index === spyIndex) {
|
|
68
|
-
index = parseInt((Math.random() * 10).toString(), 10);
|
|
69
|
-
}
|
|
70
|
-
data.push({ name: data[index].name, icon: data[index].icon, imgUrl: data[index].imgUrl, id: i.toString() });
|
|
71
|
-
spyIndex = index;
|
|
72
|
-
}
|
|
73
|
-
this.dataSource[ds[1]] = data;
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
public onActionComplete() {
|
|
78
|
-
this.endTime = new Date();
|
|
79
|
-
document.getElementById('time').innerText = (this.endTime.getTime() - this.startTime.getTime()) + ' ms';
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
public onActionBegin() {
|
|
83
|
-
this.startTime = new Date();
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
public onChange(e) {
|
|
87
|
-
this.startTime = new Date();
|
|
88
|
-
this.listviewInstance.dataSource = this.dataSource['data' +
|
|
89
|
-
(this.ddlDatasource[e.target.options.selectedIndex] as any).value];
|
|
90
|
-
this.listviewInstance.dataBind();
|
|
91
|
-
this.endTime = new Date();
|
|
92
|
-
document.getElementById('time').innerText = (this.endTime.getTime() - this.startTime.getTime()) + ' ms';
|
|
93
|
-
}
|
|
94
|
-
}
|
|
@@ -1,125 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "http://json-schema.org/schema",
|
|
3
|
-
"$id": "EJ2SchemaTemplateID",
|
|
4
|
-
"title": "listview-virtualization",
|
|
5
|
-
"type": "object",
|
|
6
|
-
"properties": {
|
|
7
|
-
"path": {
|
|
8
|
-
"type": "string",
|
|
9
|
-
"format": "path",
|
|
10
|
-
"description": "The path to create the component.",
|
|
11
|
-
"visible": false
|
|
12
|
-
},
|
|
13
|
-
"project": {
|
|
14
|
-
"type": "string",
|
|
15
|
-
"description": "The name of the project.",
|
|
16
|
-
"$default": {
|
|
17
|
-
"$source": "projectName"
|
|
18
|
-
}
|
|
19
|
-
},
|
|
20
|
-
"name": {
|
|
21
|
-
"type": "string",
|
|
22
|
-
"description": "The name of the component.",
|
|
23
|
-
"$default": {
|
|
24
|
-
"$source": "argv",
|
|
25
|
-
"index": 0
|
|
26
|
-
}
|
|
27
|
-
},
|
|
28
|
-
"inlineStyle": {
|
|
29
|
-
"description": "Specifies if the style will be in the ts file.",
|
|
30
|
-
"type": "boolean",
|
|
31
|
-
"default": false,
|
|
32
|
-
"alias": "s"
|
|
33
|
-
},
|
|
34
|
-
"inlineTemplate": {
|
|
35
|
-
"description": "Specifies if the template will be in the ts file.",
|
|
36
|
-
"type": "boolean",
|
|
37
|
-
"default": false,
|
|
38
|
-
"alias": "t"
|
|
39
|
-
},
|
|
40
|
-
"viewEncapsulation": {
|
|
41
|
-
"description": "Specifies the view encapsulation strategy.",
|
|
42
|
-
"enum": [
|
|
43
|
-
"Emulated",
|
|
44
|
-
"Native",
|
|
45
|
-
"None",
|
|
46
|
-
"ShadowDom"
|
|
47
|
-
],
|
|
48
|
-
"type": "string",
|
|
49
|
-
"alias": "v"
|
|
50
|
-
},
|
|
51
|
-
"changeDetection": {
|
|
52
|
-
"description": "Specifies the change detection strategy.",
|
|
53
|
-
"enum": [
|
|
54
|
-
"Default",
|
|
55
|
-
"OnPush"
|
|
56
|
-
],
|
|
57
|
-
"type": "string",
|
|
58
|
-
"default": "Default",
|
|
59
|
-
"alias": "c"
|
|
60
|
-
},
|
|
61
|
-
"prefix": {
|
|
62
|
-
"type": "string",
|
|
63
|
-
"description": "The prefix to apply to generated selectors.",
|
|
64
|
-
"alias": "p",
|
|
65
|
-
"oneOf": [
|
|
66
|
-
{
|
|
67
|
-
"maxLength": 0
|
|
68
|
-
},
|
|
69
|
-
{
|
|
70
|
-
"minLength": 1,
|
|
71
|
-
"format": "html-selector"
|
|
72
|
-
}
|
|
73
|
-
]
|
|
74
|
-
},
|
|
75
|
-
"styleext": {
|
|
76
|
-
"description": "The file extension to be used for style files.",
|
|
77
|
-
"type": "string",
|
|
78
|
-
"default": "css"
|
|
79
|
-
},
|
|
80
|
-
"spec": {
|
|
81
|
-
"type": "boolean",
|
|
82
|
-
"description": "Specifies if a spec file is generated.",
|
|
83
|
-
"default": true
|
|
84
|
-
},
|
|
85
|
-
"flat": {
|
|
86
|
-
"type": "boolean",
|
|
87
|
-
"description": "Flag to indicate if a dir is created.",
|
|
88
|
-
"default": false
|
|
89
|
-
},
|
|
90
|
-
"skipImport": {
|
|
91
|
-
"type": "boolean",
|
|
92
|
-
"description": "Flag to skip the module import.",
|
|
93
|
-
"default": false
|
|
94
|
-
},
|
|
95
|
-
"selector": {
|
|
96
|
-
"type": "string",
|
|
97
|
-
"format": "html-selector",
|
|
98
|
-
"description": "The selector to use for the component."
|
|
99
|
-
},
|
|
100
|
-
"module": {
|
|
101
|
-
"type": "string",
|
|
102
|
-
"description": "Allows specification of the declaring module.",
|
|
103
|
-
"alias": "m"
|
|
104
|
-
},
|
|
105
|
-
"export": {
|
|
106
|
-
"type": "boolean",
|
|
107
|
-
"default": false,
|
|
108
|
-
"description": "Specifies if declaring module exports the component."
|
|
109
|
-
},
|
|
110
|
-
"entryComponent": {
|
|
111
|
-
"type": "boolean",
|
|
112
|
-
"default": false,
|
|
113
|
-
"description": "Specifies if the component is an entry component of declaring module."
|
|
114
|
-
},
|
|
115
|
-
"lintFix": {
|
|
116
|
-
"type": "boolean",
|
|
117
|
-
"default": false,
|
|
118
|
-
"description": "Specifies whether to apply lint fixes after generating the component."
|
|
119
|
-
}
|
|
120
|
-
},
|
|
121
|
-
"required": [
|
|
122
|
-
"name"
|
|
123
|
-
],
|
|
124
|
-
"id": "listview-virtualization"
|
|
125
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const lib_details_1 = require("./../utils/lib-details");
|
|
4
|
-
const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
|
|
5
|
-
function default_1(options) {
|
|
6
|
-
const libOptions = Object.assign({}, { 'pkgName': lib_details_1.pkgName, 'pkgVer': lib_details_1.pkgVer, 'moduleName': lib_details_1.moduleName, 'themeVer': lib_details_1.themeVer });
|
|
7
|
-
return schematics_1.install(options, libOptions);
|
|
8
|
-
}
|
|
9
|
-
exports.default = default_1;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
export interface OptionsSchema {
|
|
2
|
-
skipPackageJson: boolean;
|
|
3
|
-
modules: string;
|
|
4
|
-
modulePath: string;
|
|
5
|
-
theme: 'material' | 'fabric' | 'bootstrap' | 'highcontrast';
|
|
6
|
-
project?: string;
|
|
7
|
-
}
|
|
8
|
-
export interface LibOptionsSchema {
|
|
9
|
-
pkgName: string;
|
|
10
|
-
pkgVer: string;
|
|
11
|
-
moduleName: string;
|
|
12
|
-
themeVer: string;
|
|
13
|
-
}
|