@mescius/wijmo.angular2legacy.grid 5.20232.939
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/COMMERCIAL-LICENSE.html +485 -0
- package/README.md +363 -0
- package/es2015-commonjs.js +14 -0
- package/es2015-esm.js +14 -0
- package/es5-esm.js +14 -0
- package/index.d.ts +916 -0
- package/index.js +14 -0
- package/index.metadata.json +1 -0
- package/package.json +49 -0
package/index.d.ts
ADDED
|
@@ -0,0 +1,916 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
*
|
|
3
|
+
* Wijmo Library 5.20232.939
|
|
4
|
+
* https://developer.mescius.com/wijmo
|
|
5
|
+
*
|
|
6
|
+
* Copyright(c) MESCIUS inc. All rights reserved.
|
|
7
|
+
*
|
|
8
|
+
* Licensed under the End-User License Agreement For MESCIUS Wijmo Software.
|
|
9
|
+
* us.sales@mescius.com
|
|
10
|
+
* https://developer.mescius.com/wijmo/licensing
|
|
11
|
+
*
|
|
12
|
+
*/
|
|
13
|
+
/**
|
|
14
|
+
* {@module wijmo.angular2legacy.grid}
|
|
15
|
+
* Contains Angular 2 components for the <b>wijmo.grid</b> module.
|
|
16
|
+
*
|
|
17
|
+
* <b>wijmo.angular2legacy.grid</b> is an external TypeScript module that can be imported to your code
|
|
18
|
+
* using its ambient module name. For example:
|
|
19
|
+
*
|
|
20
|
+
* <pre><p>Here is a data bound FlexGrid control with four columns:</p>
|
|
21
|
+
* <wj-flex-grid [itemsSource]="data">
|
|
22
|
+
* <wj-flex-grid-column
|
|
23
|
+
* [header]="'Country'"
|
|
24
|
+
* [binding]="'country'">
|
|
25
|
+
* </wj-flex-grid-column>
|
|
26
|
+
* <wj-flex-grid-column
|
|
27
|
+
* [header]="'Sales'"
|
|
28
|
+
* [binding]="'sales'">
|
|
29
|
+
* </wj-flex-grid-column>
|
|
30
|
+
* <wj-flex-grid-column
|
|
31
|
+
* [header]="'Expenses'"
|
|
32
|
+
* [binding]="'expenses'">
|
|
33
|
+
* </wj-flex-grid-column>
|
|
34
|
+
* <wj-flex-grid-column
|
|
35
|
+
* [header]="'Downloads'"
|
|
36
|
+
* [binding]="'downloads'">
|
|
37
|
+
* </wj-flex-grid-column>
|
|
38
|
+
* </wj-flex-grid></pre>
|
|
39
|
+
*
|
|
40
|
+
*/
|
|
41
|
+
/**
|
|
42
|
+
*
|
|
43
|
+
*/
|
|
44
|
+
export declare var ___keepComment: any;
|
|
45
|
+
import { EventEmitter, AfterViewInit, ElementRef, Injector, ViewContainerRef, TemplateRef, OnInit, OnDestroy, ChangeDetectorRef, EmbeddedViewRef } from '@angular/core';
|
|
46
|
+
import { IWjComponentMetadata, IWjComponentMeta } from '@grapecity/wijmo.angular2legacy.directivebase';
|
|
47
|
+
import { DirectiveCellFactoryBase, ICellTemplateInfo, ICellRenderingInfo, ICellTemplateCache, CellBindingsData } from '@grapecity/wijmo.interop.grid';
|
|
48
|
+
import * as ngCore from '@angular/core';
|
|
49
|
+
import * as wjcCore from '@grapecity/wijmo';
|
|
50
|
+
import * as wjcGrid from '@grapecity/wijmo.grid';
|
|
51
|
+
import * as wjcInteropGrid from '@grapecity/wijmo.interop.grid';
|
|
52
|
+
/**
|
|
53
|
+
* Represents a cell template types enumeration.
|
|
54
|
+
*/
|
|
55
|
+
export import CellTemplateType = wjcInteropGrid.GridCellTemplateType;
|
|
56
|
+
declare var wjFlexGridMeta: IWjComponentMeta;
|
|
57
|
+
export { wjFlexGridMeta };
|
|
58
|
+
/**
|
|
59
|
+
* Angular 2 component for the {@link wijmo.grid.FlexGrid} control.
|
|
60
|
+
*
|
|
61
|
+
* Use the <b>wj-flex-grid</b> component to add <b>FlexGrid</b> controls to your
|
|
62
|
+
* Angular 2 applications. For details about Angular 2 markup syntax, see
|
|
63
|
+
* <a href="/wijmo/docs/GettingStarted/Angular-Components">Angular 2 Markup</a>. For example:
|
|
64
|
+
*
|
|
65
|
+
* <pre><p>Here is a data bound FlexGrid control with four columns:</p>
|
|
66
|
+
* <wj-flex-grid [itemsSource]="data">
|
|
67
|
+
* <wj-flex-grid-column
|
|
68
|
+
* [header]="'Country'"
|
|
69
|
+
* [binding]="'country'">
|
|
70
|
+
* </wj-flex-grid-column>
|
|
71
|
+
* <wj-flex-grid-column
|
|
72
|
+
* [header]="'Sales'"
|
|
73
|
+
* [binding]="'sales'">
|
|
74
|
+
* </wj-flex-grid-column>
|
|
75
|
+
* <wj-flex-grid-column
|
|
76
|
+
* [header]="'Expenses'"
|
|
77
|
+
* [binding]="'expenses'">
|
|
78
|
+
* </wj-flex-grid-column>
|
|
79
|
+
* <wj-flex-grid-column
|
|
80
|
+
* [header]="'Downloads'"
|
|
81
|
+
* [binding]="'downloads'">
|
|
82
|
+
* </wj-flex-grid-column>
|
|
83
|
+
* </wj-flex-grid></pre>
|
|
84
|
+
*
|
|
85
|
+
|
|
86
|
+
* The <b>WjFlexGrid</b> component is derived from the <b>FlexGrid</b> control and
|
|
87
|
+
* inherits all its properties, events and methods.
|
|
88
|
+
* The following properties are not available for binding in templates:
|
|
89
|
+
* <b>scrollPosition</b>, <b>selection</b> and <b>columnLayout</b> properties.
|
|
90
|
+
*
|
|
91
|
+
* The <b>wj-flex-grid</b> component may contain the following child components:
|
|
92
|
+
* {@link wijmo.angular2legacy.grid.detail.WjFlexGridDetail}
|
|
93
|
+
* , {@link wijmo.angular2legacy.grid.filter.WjFlexGridFilter}
|
|
94
|
+
* , {@link wijmo.angular2legacy.grid.WjFlexGridColumn}
|
|
95
|
+
* , {@link wijmo.angular2legacy.grid.WjFlexGridColumnGroup}
|
|
96
|
+
* and {@link wijmo.angular2legacy.grid.WjFlexGridCellTemplate}.
|
|
97
|
+
*/
|
|
98
|
+
export declare class WjFlexGrid extends wjcGrid.FlexGrid implements OnInit, OnDestroy, AfterViewInit {
|
|
99
|
+
cdRef: ChangeDetectorRef;
|
|
100
|
+
static readonly meta: IWjComponentMetadata;
|
|
101
|
+
private _wjBehaviour;
|
|
102
|
+
/**
|
|
103
|
+
* Indicates whether the component has been initialized by Angular.
|
|
104
|
+
* Changes its value from false to true right before triggering the <b>initialized</b> event.
|
|
105
|
+
*/
|
|
106
|
+
isInitialized: boolean;
|
|
107
|
+
/**
|
|
108
|
+
* This event is triggered after the component has been initialized by Angular, that is
|
|
109
|
+
* all bound properties have been assigned and child components (if any) have been initialized.
|
|
110
|
+
*/
|
|
111
|
+
initialized: EventEmitter<any>;
|
|
112
|
+
/**
|
|
113
|
+
* Defines a name of a property represented by [(ngModel)] directive (if specified).
|
|
114
|
+
* Default value is ''.
|
|
115
|
+
*/
|
|
116
|
+
wjModelProperty: string;
|
|
117
|
+
/**
|
|
118
|
+
* Angular (EventEmitter) version of the Wijmo <b>gotFocus</b> event for programmatic access.
|
|
119
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
120
|
+
* In template bindings use the conventional <b>gotFocus</b> Wijmo event name.
|
|
121
|
+
*/
|
|
122
|
+
gotFocusNg: EventEmitter<any>;
|
|
123
|
+
/**
|
|
124
|
+
* Angular (EventEmitter) version of the Wijmo <b>lostFocus</b> event for programmatic access.
|
|
125
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
126
|
+
* In template bindings use the conventional <b>lostFocus</b> Wijmo event name.
|
|
127
|
+
*/
|
|
128
|
+
lostFocusNg: EventEmitter<any>;
|
|
129
|
+
/**
|
|
130
|
+
* Angular (EventEmitter) version of the Wijmo <b>refreshing</b> event for programmatic access.
|
|
131
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
132
|
+
* In template bindings use the conventional <b>refreshing</b> Wijmo event name.
|
|
133
|
+
*/
|
|
134
|
+
refreshingNg: EventEmitter<any>;
|
|
135
|
+
/**
|
|
136
|
+
* Angular (EventEmitter) version of the Wijmo <b>refreshed</b> event for programmatic access.
|
|
137
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
138
|
+
* In template bindings use the conventional <b>refreshed</b> Wijmo event name.
|
|
139
|
+
*/
|
|
140
|
+
refreshedNg: EventEmitter<any>;
|
|
141
|
+
/**
|
|
142
|
+
* Angular (EventEmitter) version of the Wijmo <b>invalidInput</b> event for programmatic access.
|
|
143
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
144
|
+
* In template bindings use the conventional <b>invalidInput</b> Wijmo event name.
|
|
145
|
+
*/
|
|
146
|
+
invalidInputNg: EventEmitter<any>;
|
|
147
|
+
/**
|
|
148
|
+
* Angular (EventEmitter) version of the Wijmo <b>beginningEdit</b> event for programmatic access.
|
|
149
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
150
|
+
* In template bindings use the conventional <b>beginningEdit</b> Wijmo event name.
|
|
151
|
+
*/
|
|
152
|
+
beginningEditNg: EventEmitter<any>;
|
|
153
|
+
/**
|
|
154
|
+
* Angular (EventEmitter) version of the Wijmo <b>cellEditEnded</b> event for programmatic access.
|
|
155
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
156
|
+
* In template bindings use the conventional <b>cellEditEnded</b> Wijmo event name.
|
|
157
|
+
*/
|
|
158
|
+
cellEditEndedNg: EventEmitter<any>;
|
|
159
|
+
/**
|
|
160
|
+
* Angular (EventEmitter) version of the Wijmo <b>cellEditEnding</b> event for programmatic access.
|
|
161
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
162
|
+
* In template bindings use the conventional <b>cellEditEnding</b> Wijmo event name.
|
|
163
|
+
*/
|
|
164
|
+
cellEditEndingNg: EventEmitter<any>;
|
|
165
|
+
/**
|
|
166
|
+
* Angular (EventEmitter) version of the Wijmo <b>prepareCellForEdit</b> event for programmatic access.
|
|
167
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
168
|
+
* In template bindings use the conventional <b>prepareCellForEdit</b> Wijmo event name.
|
|
169
|
+
*/
|
|
170
|
+
prepareCellForEditNg: EventEmitter<any>;
|
|
171
|
+
/**
|
|
172
|
+
* Angular (EventEmitter) version of the Wijmo <b>formatItem</b> event for programmatic access.
|
|
173
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
174
|
+
* In template bindings use the conventional <b>formatItem</b> Wijmo event name.
|
|
175
|
+
*/
|
|
176
|
+
formatItemNg: EventEmitter<any>;
|
|
177
|
+
/**
|
|
178
|
+
* Angular (EventEmitter) version of the Wijmo <b>resizingColumn</b> event for programmatic access.
|
|
179
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
180
|
+
* In template bindings use the conventional <b>resizingColumn</b> Wijmo event name.
|
|
181
|
+
*/
|
|
182
|
+
resizingColumnNg: EventEmitter<any>;
|
|
183
|
+
/**
|
|
184
|
+
* Angular (EventEmitter) version of the Wijmo <b>resizedColumn</b> event for programmatic access.
|
|
185
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
186
|
+
* In template bindings use the conventional <b>resizedColumn</b> Wijmo event name.
|
|
187
|
+
*/
|
|
188
|
+
resizedColumnNg: EventEmitter<any>;
|
|
189
|
+
/**
|
|
190
|
+
* Angular (EventEmitter) version of the Wijmo <b>autoSizingColumn</b> event for programmatic access.
|
|
191
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
192
|
+
* In template bindings use the conventional <b>autoSizingColumn</b> Wijmo event name.
|
|
193
|
+
*/
|
|
194
|
+
autoSizingColumnNg: EventEmitter<any>;
|
|
195
|
+
/**
|
|
196
|
+
* Angular (EventEmitter) version of the Wijmo <b>autoSizedColumn</b> event for programmatic access.
|
|
197
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
198
|
+
* In template bindings use the conventional <b>autoSizedColumn</b> Wijmo event name.
|
|
199
|
+
*/
|
|
200
|
+
autoSizedColumnNg: EventEmitter<any>;
|
|
201
|
+
/**
|
|
202
|
+
* Angular (EventEmitter) version of the Wijmo <b>draggingColumn</b> event for programmatic access.
|
|
203
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
204
|
+
* In template bindings use the conventional <b>draggingColumn</b> Wijmo event name.
|
|
205
|
+
*/
|
|
206
|
+
draggingColumnNg: EventEmitter<any>;
|
|
207
|
+
/**
|
|
208
|
+
* Angular (EventEmitter) version of the Wijmo <b>draggingColumnOver</b> event for programmatic access.
|
|
209
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
210
|
+
* In template bindings use the conventional <b>draggingColumnOver</b> Wijmo event name.
|
|
211
|
+
*/
|
|
212
|
+
draggingColumnOverNg: EventEmitter<any>;
|
|
213
|
+
/**
|
|
214
|
+
* Angular (EventEmitter) version of the Wijmo <b>draggedColumn</b> event for programmatic access.
|
|
215
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
216
|
+
* In template bindings use the conventional <b>draggedColumn</b> Wijmo event name.
|
|
217
|
+
*/
|
|
218
|
+
draggedColumnNg: EventEmitter<any>;
|
|
219
|
+
/**
|
|
220
|
+
* Angular (EventEmitter) version of the Wijmo <b>sortingColumn</b> event for programmatic access.
|
|
221
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
222
|
+
* In template bindings use the conventional <b>sortingColumn</b> Wijmo event name.
|
|
223
|
+
*/
|
|
224
|
+
sortingColumnNg: EventEmitter<any>;
|
|
225
|
+
/**
|
|
226
|
+
* Angular (EventEmitter) version of the Wijmo <b>sortedColumn</b> event for programmatic access.
|
|
227
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
228
|
+
* In template bindings use the conventional <b>sortedColumn</b> Wijmo event name.
|
|
229
|
+
*/
|
|
230
|
+
sortedColumnNg: EventEmitter<any>;
|
|
231
|
+
/**
|
|
232
|
+
* Angular (EventEmitter) version of the Wijmo <b>pinningColumn</b> event for programmatic access.
|
|
233
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
234
|
+
* In template bindings use the conventional <b>pinningColumn</b> Wijmo event name.
|
|
235
|
+
*/
|
|
236
|
+
pinningColumnNg: EventEmitter<any>;
|
|
237
|
+
/**
|
|
238
|
+
* Angular (EventEmitter) version of the Wijmo <b>pinnedColumn</b> event for programmatic access.
|
|
239
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
240
|
+
* In template bindings use the conventional <b>pinnedColumn</b> Wijmo event name.
|
|
241
|
+
*/
|
|
242
|
+
pinnedColumnNg: EventEmitter<any>;
|
|
243
|
+
/**
|
|
244
|
+
* Angular (EventEmitter) version of the Wijmo <b>resizingRow</b> event for programmatic access.
|
|
245
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
246
|
+
* In template bindings use the conventional <b>resizingRow</b> Wijmo event name.
|
|
247
|
+
*/
|
|
248
|
+
resizingRowNg: EventEmitter<any>;
|
|
249
|
+
/**
|
|
250
|
+
* Angular (EventEmitter) version of the Wijmo <b>resizedRow</b> event for programmatic access.
|
|
251
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
252
|
+
* In template bindings use the conventional <b>resizedRow</b> Wijmo event name.
|
|
253
|
+
*/
|
|
254
|
+
resizedRowNg: EventEmitter<any>;
|
|
255
|
+
/**
|
|
256
|
+
* Angular (EventEmitter) version of the Wijmo <b>autoSizingRow</b> event for programmatic access.
|
|
257
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
258
|
+
* In template bindings use the conventional <b>autoSizingRow</b> Wijmo event name.
|
|
259
|
+
*/
|
|
260
|
+
autoSizingRowNg: EventEmitter<any>;
|
|
261
|
+
/**
|
|
262
|
+
* Angular (EventEmitter) version of the Wijmo <b>autoSizedRow</b> event for programmatic access.
|
|
263
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
264
|
+
* In template bindings use the conventional <b>autoSizedRow</b> Wijmo event name.
|
|
265
|
+
*/
|
|
266
|
+
autoSizedRowNg: EventEmitter<any>;
|
|
267
|
+
/**
|
|
268
|
+
* Angular (EventEmitter) version of the Wijmo <b>draggingRow</b> event for programmatic access.
|
|
269
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
270
|
+
* In template bindings use the conventional <b>draggingRow</b> Wijmo event name.
|
|
271
|
+
*/
|
|
272
|
+
draggingRowNg: EventEmitter<any>;
|
|
273
|
+
/**
|
|
274
|
+
* Angular (EventEmitter) version of the Wijmo <b>draggingRowOver</b> event for programmatic access.
|
|
275
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
276
|
+
* In template bindings use the conventional <b>draggingRowOver</b> Wijmo event name.
|
|
277
|
+
*/
|
|
278
|
+
draggingRowOverNg: EventEmitter<any>;
|
|
279
|
+
/**
|
|
280
|
+
* Angular (EventEmitter) version of the Wijmo <b>draggedRow</b> event for programmatic access.
|
|
281
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
282
|
+
* In template bindings use the conventional <b>draggedRow</b> Wijmo event name.
|
|
283
|
+
*/
|
|
284
|
+
draggedRowNg: EventEmitter<any>;
|
|
285
|
+
/**
|
|
286
|
+
* Angular (EventEmitter) version of the Wijmo <b>deletingRow</b> event for programmatic access.
|
|
287
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
288
|
+
* In template bindings use the conventional <b>deletingRow</b> Wijmo event name.
|
|
289
|
+
*/
|
|
290
|
+
deletingRowNg: EventEmitter<any>;
|
|
291
|
+
/**
|
|
292
|
+
* Angular (EventEmitter) version of the Wijmo <b>deletedRow</b> event for programmatic access.
|
|
293
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
294
|
+
* In template bindings use the conventional <b>deletedRow</b> Wijmo event name.
|
|
295
|
+
*/
|
|
296
|
+
deletedRowNg: EventEmitter<any>;
|
|
297
|
+
/**
|
|
298
|
+
* Angular (EventEmitter) version of the Wijmo <b>loadingRows</b> event for programmatic access.
|
|
299
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
300
|
+
* In template bindings use the conventional <b>loadingRows</b> Wijmo event name.
|
|
301
|
+
*/
|
|
302
|
+
loadingRowsNg: EventEmitter<any>;
|
|
303
|
+
/**
|
|
304
|
+
* Angular (EventEmitter) version of the Wijmo <b>loadedRows</b> event for programmatic access.
|
|
305
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
306
|
+
* In template bindings use the conventional <b>loadedRows</b> Wijmo event name.
|
|
307
|
+
*/
|
|
308
|
+
loadedRowsNg: EventEmitter<any>;
|
|
309
|
+
/**
|
|
310
|
+
* Angular (EventEmitter) version of the Wijmo <b>rowEditStarting</b> event for programmatic access.
|
|
311
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
312
|
+
* In template bindings use the conventional <b>rowEditStarting</b> Wijmo event name.
|
|
313
|
+
*/
|
|
314
|
+
rowEditStartingNg: EventEmitter<any>;
|
|
315
|
+
/**
|
|
316
|
+
* Angular (EventEmitter) version of the Wijmo <b>rowEditStarted</b> event for programmatic access.
|
|
317
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
318
|
+
* In template bindings use the conventional <b>rowEditStarted</b> Wijmo event name.
|
|
319
|
+
*/
|
|
320
|
+
rowEditStartedNg: EventEmitter<any>;
|
|
321
|
+
/**
|
|
322
|
+
* Angular (EventEmitter) version of the Wijmo <b>rowEditEnding</b> event for programmatic access.
|
|
323
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
324
|
+
* In template bindings use the conventional <b>rowEditEnding</b> Wijmo event name.
|
|
325
|
+
*/
|
|
326
|
+
rowEditEndingNg: EventEmitter<any>;
|
|
327
|
+
/**
|
|
328
|
+
* Angular (EventEmitter) version of the Wijmo <b>rowEditEnded</b> event for programmatic access.
|
|
329
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
330
|
+
* In template bindings use the conventional <b>rowEditEnded</b> Wijmo event name.
|
|
331
|
+
*/
|
|
332
|
+
rowEditEndedNg: EventEmitter<any>;
|
|
333
|
+
/**
|
|
334
|
+
* Angular (EventEmitter) version of the Wijmo <b>rowAdded</b> event for programmatic access.
|
|
335
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
336
|
+
* In template bindings use the conventional <b>rowAdded</b> Wijmo event name.
|
|
337
|
+
*/
|
|
338
|
+
rowAddedNg: EventEmitter<any>;
|
|
339
|
+
/**
|
|
340
|
+
* Angular (EventEmitter) version of the Wijmo <b>groupCollapsedChanging</b> event for programmatic access.
|
|
341
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
342
|
+
* In template bindings use the conventional <b>groupCollapsedChanging</b> Wijmo event name.
|
|
343
|
+
*/
|
|
344
|
+
groupCollapsedChangingNg: EventEmitter<any>;
|
|
345
|
+
/**
|
|
346
|
+
* Angular (EventEmitter) version of the Wijmo <b>groupCollapsedChanged</b> event for programmatic access.
|
|
347
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
348
|
+
* In template bindings use the conventional <b>groupCollapsedChanged</b> Wijmo event name.
|
|
349
|
+
*/
|
|
350
|
+
groupCollapsedChangedNg: EventEmitter<any>;
|
|
351
|
+
/**
|
|
352
|
+
* Angular (EventEmitter) version of the Wijmo <b>columnGroupCollapsedChanging</b> event for programmatic access.
|
|
353
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
354
|
+
* In template bindings use the conventional <b>columnGroupCollapsedChanging</b> Wijmo event name.
|
|
355
|
+
*/
|
|
356
|
+
columnGroupCollapsedChangingNg: EventEmitter<any>;
|
|
357
|
+
/**
|
|
358
|
+
* Angular (EventEmitter) version of the Wijmo <b>columnGroupCollapsedChanged</b> event for programmatic access.
|
|
359
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
360
|
+
* In template bindings use the conventional <b>columnGroupCollapsedChanged</b> Wijmo event name.
|
|
361
|
+
*/
|
|
362
|
+
columnGroupCollapsedChangedNg: EventEmitter<any>;
|
|
363
|
+
/**
|
|
364
|
+
* Angular (EventEmitter) version of the Wijmo <b>itemsSourceChanging</b> event for programmatic access.
|
|
365
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
366
|
+
* In template bindings use the conventional <b>itemsSourceChanging</b> Wijmo event name.
|
|
367
|
+
*/
|
|
368
|
+
itemsSourceChangingNg: EventEmitter<any>;
|
|
369
|
+
/**
|
|
370
|
+
* Angular (EventEmitter) version of the Wijmo <b>itemsSourceChanged</b> event for programmatic access.
|
|
371
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
372
|
+
* In template bindings use the conventional <b>itemsSourceChanged</b> Wijmo event name.
|
|
373
|
+
*/
|
|
374
|
+
itemsSourceChangedNg: EventEmitter<any>;
|
|
375
|
+
/**
|
|
376
|
+
* Angular (EventEmitter) version of the Wijmo <b>selectionChanging</b> event for programmatic access.
|
|
377
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
378
|
+
* In template bindings use the conventional <b>selectionChanging</b> Wijmo event name.
|
|
379
|
+
*/
|
|
380
|
+
selectionChangingNg: EventEmitter<any>;
|
|
381
|
+
/**
|
|
382
|
+
* Angular (EventEmitter) version of the Wijmo <b>selectionChanged</b> event for programmatic access.
|
|
383
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
384
|
+
* In template bindings use the conventional <b>selectionChanged</b> Wijmo event name.
|
|
385
|
+
*/
|
|
386
|
+
selectionChangedNg: EventEmitter<any>;
|
|
387
|
+
/**
|
|
388
|
+
* Angular (EventEmitter) version of the Wijmo <b>scrollPositionChanged</b> event for programmatic access.
|
|
389
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
390
|
+
* In template bindings use the conventional <b>scrollPositionChanged</b> Wijmo event name.
|
|
391
|
+
*/
|
|
392
|
+
scrollPositionChangedNg: EventEmitter<any>;
|
|
393
|
+
/**
|
|
394
|
+
* Angular (EventEmitter) version of the Wijmo <b>updatingView</b> event for programmatic access.
|
|
395
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
396
|
+
* In template bindings use the conventional <b>updatingView</b> Wijmo event name.
|
|
397
|
+
*/
|
|
398
|
+
updatingViewNg: EventEmitter<any>;
|
|
399
|
+
/**
|
|
400
|
+
* Angular (EventEmitter) version of the Wijmo <b>updatedView</b> event for programmatic access.
|
|
401
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
402
|
+
* In template bindings use the conventional <b>updatedView</b> Wijmo event name.
|
|
403
|
+
*/
|
|
404
|
+
updatedViewNg: EventEmitter<any>;
|
|
405
|
+
/**
|
|
406
|
+
* Angular (EventEmitter) version of the Wijmo <b>updatingLayout</b> event for programmatic access.
|
|
407
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
408
|
+
* In template bindings use the conventional <b>updatingLayout</b> Wijmo event name.
|
|
409
|
+
*/
|
|
410
|
+
updatingLayoutNg: EventEmitter<any>;
|
|
411
|
+
/**
|
|
412
|
+
* Angular (EventEmitter) version of the Wijmo <b>updatedLayout</b> event for programmatic access.
|
|
413
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
414
|
+
* In template bindings use the conventional <b>updatedLayout</b> Wijmo event name.
|
|
415
|
+
*/
|
|
416
|
+
updatedLayoutNg: EventEmitter<any>;
|
|
417
|
+
/**
|
|
418
|
+
* Angular (EventEmitter) version of the Wijmo <b>pasting</b> event for programmatic access.
|
|
419
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
420
|
+
* In template bindings use the conventional <b>pasting</b> Wijmo event name.
|
|
421
|
+
*/
|
|
422
|
+
pastingNg: EventEmitter<any>;
|
|
423
|
+
/**
|
|
424
|
+
* Angular (EventEmitter) version of the Wijmo <b>pasted</b> event for programmatic access.
|
|
425
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
426
|
+
* In template bindings use the conventional <b>pasted</b> Wijmo event name.
|
|
427
|
+
*/
|
|
428
|
+
pastedNg: EventEmitter<any>;
|
|
429
|
+
/**
|
|
430
|
+
* Angular (EventEmitter) version of the Wijmo <b>pastingCell</b> event for programmatic access.
|
|
431
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
432
|
+
* In template bindings use the conventional <b>pastingCell</b> Wijmo event name.
|
|
433
|
+
*/
|
|
434
|
+
pastingCellNg: EventEmitter<any>;
|
|
435
|
+
/**
|
|
436
|
+
* Angular (EventEmitter) version of the Wijmo <b>pastedCell</b> event for programmatic access.
|
|
437
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
438
|
+
* In template bindings use the conventional <b>pastedCell</b> Wijmo event name.
|
|
439
|
+
*/
|
|
440
|
+
pastedCellNg: EventEmitter<any>;
|
|
441
|
+
/**
|
|
442
|
+
* Angular (EventEmitter) version of the Wijmo <b>copying</b> event for programmatic access.
|
|
443
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
444
|
+
* In template bindings use the conventional <b>copying</b> Wijmo event name.
|
|
445
|
+
*/
|
|
446
|
+
copyingNg: EventEmitter<any>;
|
|
447
|
+
/**
|
|
448
|
+
* Angular (EventEmitter) version of the Wijmo <b>copied</b> event for programmatic access.
|
|
449
|
+
* Use this event name if you want to subscribe to the Angular version of the event in code.
|
|
450
|
+
* In template bindings use the conventional <b>copied</b> Wijmo event name.
|
|
451
|
+
*/
|
|
452
|
+
copiedNg: EventEmitter<any>;
|
|
453
|
+
constructor(elRef: ElementRef, injector: Injector, parentCmp: any, cdRef: ChangeDetectorRef);
|
|
454
|
+
/**
|
|
455
|
+
* If you create a custom component inherited from a Wijmo component, you can override this
|
|
456
|
+
* method and perform necessary initializations that you usually do in a class constructor.
|
|
457
|
+
* This method is called in the last line of a Wijmo component constructor and allows you
|
|
458
|
+
* to not declare your custom component's constructor at all, thus preventing you from a necessity
|
|
459
|
+
* to maintain constructor parameters and keep them in synch with Wijmo component's constructor parameters.
|
|
460
|
+
*/
|
|
461
|
+
created(): void;
|
|
462
|
+
ngOnInit(): void;
|
|
463
|
+
ngAfterViewInit(): void;
|
|
464
|
+
ngOnDestroy(): void;
|
|
465
|
+
addEventListener(target: EventTarget, type: string, fn: any, capture?: boolean): void;
|
|
466
|
+
_edtFocus: boolean;
|
|
467
|
+
startEditing(fullEdit?: boolean, r?: number, c?: number, focus?: boolean, evt?: any): boolean;
|
|
468
|
+
onCellEditEnding(e: wjcGrid.CellEditEndingEventArgs): boolean;
|
|
469
|
+
}
|
|
470
|
+
declare var wjFlexGridColumnMeta: IWjComponentMeta;
|
|
471
|
+
export { wjFlexGridColumnMeta };
|
|
472
|
+
/**
|
|
473
|
+
* Angular 2 component for the {@link wijmo.grid.Column} class.
|
|
474
|
+
*
|
|
475
|
+
* The <b>wj-flex-grid-column</b> component must be
|
|
476
|
+
* contained in a {@link wijmo.angular2legacy.grid.WjFlexGrid} component.
|
|
477
|
+
*
|
|
478
|
+
* Use the <b>wj-flex-grid-column</b> component to add <b>Column</b> controls to your
|
|
479
|
+
* Angular 2 applications. For details about Angular 2 markup syntax, see
|
|
480
|
+
* <a href="/wijmo/docs/GettingStarted/Angular-Components">Angular 2 Markup</a>.
|
|
481
|
+
*
|
|
482
|
+
* The <b>WjFlexGridColumn</b> component is derived from the <b>Column</b> class and
|
|
483
|
+
* inherits all its properties, events and methods.
|
|
484
|
+
*
|
|
485
|
+
* The <b>wj-flex-grid-column</b> component may contain a {@link wijmo.angular2legacy.grid.WjFlexGridCellTemplate} child directive.
|
|
486
|
+
*/
|
|
487
|
+
export declare class WjFlexGridColumn extends wjcGrid.Column implements OnInit, OnDestroy, AfterViewInit {
|
|
488
|
+
cdRef: ChangeDetectorRef;
|
|
489
|
+
static readonly meta: IWjComponentMetadata;
|
|
490
|
+
private _wjBehaviour;
|
|
491
|
+
/**
|
|
492
|
+
* Indicates whether the component has been initialized by Angular.
|
|
493
|
+
* Changes its value from false to true right before triggering the <b>initialized</b> event.
|
|
494
|
+
*/
|
|
495
|
+
isInitialized: boolean;
|
|
496
|
+
/**
|
|
497
|
+
* This event is triggered after the component has been initialized by Angular, that is
|
|
498
|
+
* all bound properties have been assigned and child components (if any) have been initialized.
|
|
499
|
+
*/
|
|
500
|
+
initialized: EventEmitter<any>;
|
|
501
|
+
/**
|
|
502
|
+
* Gets or sets a name of a property that this component is assigned to.
|
|
503
|
+
* Default value is 'columns'.
|
|
504
|
+
*/
|
|
505
|
+
wjProperty: string;
|
|
506
|
+
/**
|
|
507
|
+
* Allows you to override the global <b>WjOptions.asyncBindings</b> setting for this specific component.
|
|
508
|
+
* See the <b>WjOptions.</b>{@link WjOptions.asyncBindings} property description for details.
|
|
509
|
+
*/
|
|
510
|
+
asyncBindings: boolean;
|
|
511
|
+
/**
|
|
512
|
+
* This event is used to implement two-way binding to the <b>isSelected</b> property.
|
|
513
|
+
* It's triggered when the property value changes, with the event argument holding the new property value.
|
|
514
|
+
* You can bind handlers to this event in templates using the <b>isSelectedChange</b> event name.
|
|
515
|
+
*/
|
|
516
|
+
isSelectedChangePC: EventEmitter<any>;
|
|
517
|
+
constructor(elRef: ElementRef, injector: Injector, parentCmp: any, cdRef: ChangeDetectorRef);
|
|
518
|
+
/**
|
|
519
|
+
* If you create a custom component inherited from a Wijmo component, you can override this
|
|
520
|
+
* method and perform necessary initializations that you usually do in a class constructor.
|
|
521
|
+
* This method is called in the last line of a Wijmo component constructor and allows you
|
|
522
|
+
* to not declare your custom component's constructor at all, thus preventing you from a necessity
|
|
523
|
+
* to maintain constructor parameters and keep them in synch with Wijmo component's constructor parameters.
|
|
524
|
+
*/
|
|
525
|
+
created(): void;
|
|
526
|
+
ngOnInit(): void;
|
|
527
|
+
ngAfterViewInit(): void;
|
|
528
|
+
ngOnDestroy(): void;
|
|
529
|
+
}
|
|
530
|
+
declare var wjFlexGridColumnGroupMeta: IWjComponentMeta;
|
|
531
|
+
export { wjFlexGridColumnGroupMeta };
|
|
532
|
+
/**
|
|
533
|
+
* Angular 2 component for the {@link wijmo.grid.ColumnGroup} class.
|
|
534
|
+
*
|
|
535
|
+
* The <b>wj-flex-grid-column-group</b> component must be
|
|
536
|
+
* contained in one of the following components:
|
|
537
|
+
* {@link wijmo.angular2legacy.grid.WjFlexGrid}
|
|
538
|
+
* or {@link wijmo.angular2legacy.grid.WjFlexGridColumnGroup}.
|
|
539
|
+
*
|
|
540
|
+
* Use the <b>wj-flex-grid-column-group</b> component to add <b>ColumnGroup</b> controls to your
|
|
541
|
+
* Angular 2 applications. For details about Angular 2 markup syntax, see
|
|
542
|
+
* <a href="/wijmo/docs/GettingStarted/Angular-Components">Angular 2 Markup</a>.
|
|
543
|
+
*
|
|
544
|
+
* The <b>WjFlexGridColumnGroup</b> component is derived from the <b>ColumnGroup</b> class and
|
|
545
|
+
* inherits all its properties, events and methods.
|
|
546
|
+
*
|
|
547
|
+
* The <b>wj-flex-grid-column-group</b> component may contain the following child components:
|
|
548
|
+
* {@link wijmo.angular2legacy.grid.WjFlexGridColumnGroup}
|
|
549
|
+
* and {@link wijmo.angular2legacy.grid.WjFlexGridCellTemplate}.
|
|
550
|
+
*/
|
|
551
|
+
export declare class WjFlexGridColumnGroup extends wjcGrid.ColumnGroup implements OnInit, OnDestroy, AfterViewInit {
|
|
552
|
+
static readonly meta: IWjComponentMetadata;
|
|
553
|
+
private _wjBehaviour;
|
|
554
|
+
/**
|
|
555
|
+
* Indicates whether the component has been initialized by Angular.
|
|
556
|
+
* Changes its value from false to true right before triggering the <b>initialized</b> event.
|
|
557
|
+
*/
|
|
558
|
+
isInitialized: boolean;
|
|
559
|
+
/**
|
|
560
|
+
* This event is triggered after the component has been initialized by Angular, that is
|
|
561
|
+
* all bound properties have been assigned and child components (if any) have been initialized.
|
|
562
|
+
*/
|
|
563
|
+
initialized: EventEmitter<any>;
|
|
564
|
+
/**
|
|
565
|
+
* Gets or sets a name of a property that this component is assigned to.
|
|
566
|
+
* Default value is 'columnGroups'.
|
|
567
|
+
*/
|
|
568
|
+
wjProperty: string;
|
|
569
|
+
/**
|
|
570
|
+
* Allows you to override the global <b>WjOptions.asyncBindings</b> setting for this specific component.
|
|
571
|
+
* See the <b>WjOptions.</b>{@link WjOptions.asyncBindings} property description for details.
|
|
572
|
+
*/
|
|
573
|
+
asyncBindings: boolean;
|
|
574
|
+
/**
|
|
575
|
+
* This event is used to implement two-way binding to the <b>isSelected</b> property.
|
|
576
|
+
* It's triggered when the property value changes, with the event argument holding the new property value.
|
|
577
|
+
* You can bind handlers to this event in templates using the <b>isSelectedChange</b> event name.
|
|
578
|
+
*/
|
|
579
|
+
isSelectedChangePC: EventEmitter<any>;
|
|
580
|
+
constructor(elRef: ElementRef, injector: Injector, parentCmp: any);
|
|
581
|
+
/**
|
|
582
|
+
* If you create a custom component inherited from a Wijmo component, you can override this
|
|
583
|
+
* method and perform necessary initializations that you usually do in a class constructor.
|
|
584
|
+
* This method is called in the last line of a Wijmo component constructor and allows you
|
|
585
|
+
* to not declare your custom component's constructor at all, thus preventing you from a necessity
|
|
586
|
+
* to maintain constructor parameters and keep them in synch with Wijmo component's constructor parameters.
|
|
587
|
+
*/
|
|
588
|
+
created(): void;
|
|
589
|
+
ngOnInit(): void;
|
|
590
|
+
ngAfterViewInit(): void;
|
|
591
|
+
ngOnDestroy(): void;
|
|
592
|
+
}
|
|
593
|
+
/**
|
|
594
|
+
* Angular 2 directive for the {@link FlexGrid} cell templates.
|
|
595
|
+
*
|
|
596
|
+
* The <b>wjFlexGridCellTemplate</b> directive defines a template for a certain
|
|
597
|
+
* cell type in {@link FlexGrid}. The template should be defined on a <b><ng-template></b> element
|
|
598
|
+
* and must contain a <b>cellType</b> attribute that
|
|
599
|
+
* specifies the {@link wijmo.angular2legacy.grid.CellTemplateType}. Depending on the template's cell type,
|
|
600
|
+
* the <b><ng-template></b> element with the <b>wjFlexGridCellTemplate</b> directive must be a child
|
|
601
|
+
* of either {@link wijmo.angular2legacy.grid.WjFlexGrid}
|
|
602
|
+
* or {@link wijmo.angular2legacy.grid.WjFlexGridColumn} components.
|
|
603
|
+
*
|
|
604
|
+
* Column-specific cell templates must be contained in <b>wj-flex-grid-column</b>
|
|
605
|
+
* components, and cells that are not column-specific (like row header or top left cells)
|
|
606
|
+
* must be contained in the <b>wj-flex-grid</b> component.
|
|
607
|
+
*
|
|
608
|
+
* The <b><ng-template></b> element with the <b>wjFlexGridCellTemplate</b> directive
|
|
609
|
+
* may contain an arbitrary HTML fragment with Angular 2 interpolation expressions and
|
|
610
|
+
* other components and directives.
|
|
611
|
+
*
|
|
612
|
+
* Bindings in HTML fragment can use the <b>cell</b> local template variable containing the cell context object,
|
|
613
|
+
* with <b>col</b>, <b>row</b>, and <b>item</b> properties that refer to the {@link Column},
|
|
614
|
+
* {@link Row}, and <b>Row.dataItem</b> objects pertaining to the cell.
|
|
615
|
+
*
|
|
616
|
+
* For cell types like <b>Group</b> and <b>CellEdit</b>, an additional <b>value</b>
|
|
617
|
+
* property containing an unformatted cell value is provided. For example, here is a
|
|
618
|
+
* {@link FlexGrid} control with templates for row header cells and, regular
|
|
619
|
+
* and column header cells of the Country column:
|
|
620
|
+
*
|
|
621
|
+
* ```typescript
|
|
622
|
+
* // component.ts
|
|
623
|
+
* import * as wjGrid from '@grapecity/wijmo.angular2legacy.grid';
|
|
624
|
+
*
|
|
625
|
+
* @Component({
|
|
626
|
+
* templateUrl: './component.html',
|
|
627
|
+
* selector: 'my-cmp',
|
|
628
|
+
* })
|
|
629
|
+
* export class MyCmp {
|
|
630
|
+
* data: any[];
|
|
631
|
+
* }
|
|
632
|
+
* ```
|
|
633
|
+
* ```html
|
|
634
|
+
* <!-- component.html -->
|
|
635
|
+
* <wj-flex-grid [itemsSource]="data">
|
|
636
|
+
* <ng-template wjFlexGridCellTemplate [cellType]="'RowHeader'" let-cell="cell">
|
|
637
|
+
* {{cell.row.index}}
|
|
638
|
+
* </ng-template>
|
|
639
|
+
* <ng-template wjFlexGridCellTemplate [cellType]="'RowHeaderEdit'">
|
|
640
|
+
* ...
|
|
641
|
+
* </ng-template>
|
|
642
|
+
*
|
|
643
|
+
* <wj-flex-grid-column [header]="'Country'" [binding]="'country'">
|
|
644
|
+
* <ng-template wjFlexGridCellTemplate [cellType]="'ColumnHeader'" let-cell="cell">
|
|
645
|
+
* <img src="resources/globe.png" />
|
|
646
|
+
* {{cell.col.header}}
|
|
647
|
+
* </ng-template>
|
|
648
|
+
* <ng-template wjFlexGridCellTemplate [cellType]="'Cell'" let-cell="cell">
|
|
649
|
+
* <img src="resources/{{cell.item.country}}.png" />
|
|
650
|
+
* {{cell.item.country}}
|
|
651
|
+
* </ng-template>
|
|
652
|
+
* </wj-flex-grid-column>
|
|
653
|
+
* <wj-flex-grid-column [header]="'Sales'" [binding]="'sales'"></wj-flex-grid-column>
|
|
654
|
+
* </wj-flex-grid>
|
|
655
|
+
* ```
|
|
656
|
+
*
|
|
657
|
+
* The <b>cellType</b> attribute takes any of the following enumerated values:
|
|
658
|
+
*
|
|
659
|
+
* <b>Cell</b>
|
|
660
|
+
*
|
|
661
|
+
* Defines a regular (data) cell template. Must be a child of the {@link wijmo.angular2legacy.grid.WjFlexGridColumn} component.
|
|
662
|
+
* For example, this cell template shows flags in the cells of Country column:
|
|
663
|
+
*
|
|
664
|
+
* ```html
|
|
665
|
+
* <wj-flex-grid-column [header]="'Country'" [binding]="'country'">
|
|
666
|
+
* <ng-template wjFlexGridCellTemplate [cellType]="'Cell'" let-cell="cell">
|
|
667
|
+
* <img src="resources/{{cell.item.country}}.png" />
|
|
668
|
+
* {{cell.item.country}}
|
|
669
|
+
* </ng-template>
|
|
670
|
+
* </wj-flex-grid-column>
|
|
671
|
+
* ```
|
|
672
|
+
*
|
|
673
|
+
* If <b>Group</b> template is not provided for a hierarchical {@link FlexGrid} (that is, one with the <b>childItemsPath</b> property
|
|
674
|
+
* specified), non-header cells in group rows of
|
|
675
|
+
* this {@link Column} also use this template.
|
|
676
|
+
*
|
|
677
|
+
* <b>CellEdit</b>
|
|
678
|
+
*
|
|
679
|
+
* Defines a template for a cell in edit mode. Must be a child of the {@link wijmo.angular2legacy.grid.WjFlexGridColumn} component.
|
|
680
|
+
* This cell type has an additional <b>cell.value</b> property available for binding. It contains the
|
|
681
|
+
* original cell value before editing, and the updated value after editing.
|
|
682
|
+
|
|
683
|
+
* For example, here is a template that uses the Wijmo {@link InputNumber} control as an editor
|
|
684
|
+
* for the "Sales" column:
|
|
685
|
+
*
|
|
686
|
+
* ```html
|
|
687
|
+
* <wj-flex-grid-column [header]="'Sales'" [binding]="'sales'">
|
|
688
|
+
* <ng-template wjFlexGridCellTemplate [cellType]="'CellEdit'">
|
|
689
|
+
* <wj-input-number [(value)]="cell.value" [step]="1"></wj-input-number>
|
|
690
|
+
* </ng-template>
|
|
691
|
+
* </wj-flex-grid-column>
|
|
692
|
+
* ```
|
|
693
|
+
*
|
|
694
|
+
* <b>ColumnHeader</b>
|
|
695
|
+
*
|
|
696
|
+
* Defines a template for a column header cell. Must be a child of the {@link wijmo.angular2legacy.grid.WjFlexGridColumn} component.
|
|
697
|
+
* For example, this template adds an image to the header of the "Country" column:
|
|
698
|
+
*
|
|
699
|
+
* ```html
|
|
700
|
+
* <wj-flex-grid-column [header]="'Country'" [binding]="'country'">
|
|
701
|
+
* <ng-template wjFlexGridCellTemplate [cellType]="'ColumnHeader'" let-cell="cell">
|
|
702
|
+
* <img src="resources/globe.png" />
|
|
703
|
+
* {{cell.col.header}}
|
|
704
|
+
* </ng-template>
|
|
705
|
+
* </wj-flex-grid-column>
|
|
706
|
+
* ```
|
|
707
|
+
*
|
|
708
|
+
* <b>RowHeader</b>
|
|
709
|
+
*
|
|
710
|
+
* Defines a template for a row header cell. Must be a child of the {@link wijmo.angular2legacy.grid.WjFlexGrid} component.
|
|
711
|
+
* For example, this template shows row indices in the row headers:
|
|
712
|
+
*
|
|
713
|
+
* ```html
|
|
714
|
+
* <wj-flex-grid [itemsSource]="data">
|
|
715
|
+
* <ng-template wjFlexGridCellTemplate [cellType]="'RowHeader'" let-cell="cell">
|
|
716
|
+
* {{cell.row.index + 1}}
|
|
717
|
+
* </ng-template>
|
|
718
|
+
* </wj-flex-grid>
|
|
719
|
+
* ```
|
|
720
|
+
*
|
|
721
|
+
* Note that this template is applied to a row header cell, even if it is in a row that is
|
|
722
|
+
* in edit mode. In order to provide an edit-mode version of a row header cell with alternate
|
|
723
|
+
* content, define the <b>RowHeaderEdit</b> template.
|
|
724
|
+
*
|
|
725
|
+
* <b>RowHeaderEdit</b>
|
|
726
|
+
*
|
|
727
|
+
* Defines a template for a row header cell in edit mode. Must be a child of the
|
|
728
|
+
* {@link wijmo.angular2legacy.grid.WjFlexGrid} component. For example, this template shows dots in the header
|
|
729
|
+
* of rows being edited:
|
|
730
|
+
*
|
|
731
|
+
* ```html
|
|
732
|
+
* <wj-flex-grid [itemsSource]="data">
|
|
733
|
+
* <ng-template wjFlexGridCellTemplate [cellType]="'RowHeaderEdit'">
|
|
734
|
+
* ...
|
|
735
|
+
* </ng-template>
|
|
736
|
+
* </wj-flex-grid>
|
|
737
|
+
* ```
|
|
738
|
+
*
|
|
739
|
+
* Use the following <b>RowHeaderEdit</b> template to add the standard edit-mode indicator to cells where the <b>RowHeader</b> template
|
|
740
|
+
* applies:
|
|
741
|
+
*
|
|
742
|
+
* ```html
|
|
743
|
+
* <wj-flex-grid [itemsSource]="data">
|
|
744
|
+
* <ng-template wjFlexGridCellTemplate [cellType]="'RowHeaderEdit'">
|
|
745
|
+
* {{&#x270e;}}
|
|
746
|
+
* </ng-template>
|
|
747
|
+
* </wj-flex-grid>
|
|
748
|
+
* ```
|
|
749
|
+
*
|
|
750
|
+
* <b>TopLeft</b>
|
|
751
|
+
*
|
|
752
|
+
* Defines a template for the top left cell. Must be a child of the {@link wijmo.angular2legacy.grid.WjFlexGrid} component.
|
|
753
|
+
* For example, this template shows a down/right glyph in the top-left cell of the grid:
|
|
754
|
+
*
|
|
755
|
+
* ```html
|
|
756
|
+
* <wj-flex-grid [itemsSource]="data">
|
|
757
|
+
* <ng-template wjFlexGridCellTemplate [cellType]="'TopLeft'">
|
|
758
|
+
* <span class="wj-glyph-down-right"></span>
|
|
759
|
+
* </ng-template>
|
|
760
|
+
* </wj-flex-grid>
|
|
761
|
+
* ```
|
|
762
|
+
*
|
|
763
|
+
* <b>GroupHeader</b>
|
|
764
|
+
*
|
|
765
|
+
* Defines a template for a group header cell in a {@link GroupRow}. Must be a child of the {@link wijmo.angular2legacy.grid.WjFlexGridColumn} component.
|
|
766
|
+
*
|
|
767
|
+
* The <b>cell.row</b> property contains an instance of the <b>GroupRow</b> class. If the grouping comes
|
|
768
|
+
* from {@link CollectionView}, the <b>cell.item</b> property references the {@link CollectionViewGroup} object.
|
|
769
|
+
*
|
|
770
|
+
* For example, this template uses a checkbox element as an expand/collapse toggle:
|
|
771
|
+
*
|
|
772
|
+
* ```html
|
|
773
|
+
* <wj-flex-grid-column [header]="'Country'" [binding]="'country'">
|
|
774
|
+
* <ng-template wjFlexGridCellTemplate [cellType]="'GroupHeader'" let-cell="cell">
|
|
775
|
+
* <input type="checkbox" [(ngModel)]="cell.row.isCollapsed"/>
|
|
776
|
+
* {{cell.item.name}} ({{cell.item.items.length}} items)
|
|
777
|
+
* </ng-template>
|
|
778
|
+
* </wj-flex-grid-column>
|
|
779
|
+
* ```
|
|
780
|
+
*
|
|
781
|
+
* <b>Group</b>
|
|
782
|
+
*
|
|
783
|
+
* Defines a template for a regular cell (not a group header) in a {@link GroupRow}. Must be a child of the
|
|
784
|
+
* {@link wijmo.angular2legacy.grid.WjFlexGridColumn} component. This cell type has an additional <b>cell.value</b> property available for
|
|
785
|
+
* binding. In cases where columns have the <b>aggregate</b> property specified, it contains the unformatted
|
|
786
|
+
* aggregate value.
|
|
787
|
+
*
|
|
788
|
+
* For example, this template shows aggregate's value and kind for group row cells in the "Sales"
|
|
789
|
+
* column:
|
|
790
|
+
*
|
|
791
|
+
* ```html
|
|
792
|
+
* <wj-flex-grid-column [header]="'Sales'" [binding]="'sales'" [aggregate]="'Avg'">
|
|
793
|
+
* <ng-template wjFlexGridCellTemplate [cellType]="'Group'" let-cell="cell">
|
|
794
|
+
* Average: {{cell.value | number:'1.0-0'}}
|
|
795
|
+
* </ng-template>
|
|
796
|
+
* </wj-flex-grid-column>
|
|
797
|
+
* ```
|
|
798
|
+
*
|
|
799
|
+
* <b>ColumnFooter</b>
|
|
800
|
+
*
|
|
801
|
+
* Defines a template for a regular cell in a <b>columnFooters</b> panel. Must be a child of the
|
|
802
|
+
* {@link wijmo.angular2legacy.grid.WjFlexGridColumn} component. This cell type has an additional <b>cell.value</b>
|
|
803
|
+
* property available for binding that contains a cell value.
|
|
804
|
+
*
|
|
805
|
+
* For example, this template shows aggregate's value and kind for a footer cell in the "Sales"
|
|
806
|
+
* column:
|
|
807
|
+
*
|
|
808
|
+
* ```html
|
|
809
|
+
* <wj-flex-grid-column [header]="'Sales'" [binding]="'sales'" [aggregate]="'Avg'">
|
|
810
|
+
* <ng-template wjFlexGridCellTemplate [cellType]="'ColumnFooter'" let-cell="cell">
|
|
811
|
+
* Average: {{cell.value | number:'1.0-0'}}
|
|
812
|
+
* </ng-template>
|
|
813
|
+
* </wj-flex-grid-column>
|
|
814
|
+
* ```
|
|
815
|
+
*
|
|
816
|
+
* <b>BottomLeft</b>
|
|
817
|
+
*
|
|
818
|
+
* Defines a template for the bottom left cells (at the intersection of the row header and column footer cells).
|
|
819
|
+
* Must be a child of the {@link wijmo.angular2legacy.grid.WjFlexGrid} component.
|
|
820
|
+
* For example, this template shows a sigma glyph in the bottom-left cell of the grid:
|
|
821
|
+
*
|
|
822
|
+
* ```html
|
|
823
|
+
* <wj-flex-grid [itemsSource]="data">
|
|
824
|
+
* <ng-template wjFlexGridCellTemplate [cellType]="'BottomLeft'">
|
|
825
|
+
* &#931;
|
|
826
|
+
* </ng-template>
|
|
827
|
+
* </wj-flex-grid>
|
|
828
|
+
* ```
|
|
829
|
+
*
|
|
830
|
+
* <b>NewCellTemplate</b>
|
|
831
|
+
*
|
|
832
|
+
* Defines a cell in a new row template. Must be a child of the {@link wijmo.angular2legacy.grid.WjFlexGridColumn} component.
|
|
833
|
+
* Note that the <b>cell.item</b> property is undefined for this type of a cell.
|
|
834
|
+
* For example, this cell template shows a placeholder in the Date column's cell in the "new row" item:
|
|
835
|
+
*
|
|
836
|
+
* ```html
|
|
837
|
+
* <wj-flex-grid-column [header]="'Date'" [binding]="'date'">
|
|
838
|
+
* <ng-template wjFlexGridCellTemplate [cellType]="'NewCellTemplate'">
|
|
839
|
+
* Enter a date here
|
|
840
|
+
* </ng-template>
|
|
841
|
+
* </wj-flex-grid-column>
|
|
842
|
+
* ```
|
|
843
|
+
*/
|
|
844
|
+
export declare class WjFlexGridCellTemplate implements ngCore.OnInit, ngCore.OnDestroy {
|
|
845
|
+
viewContainerRef: ViewContainerRef;
|
|
846
|
+
templateRef: TemplateRef<any>;
|
|
847
|
+
elRef: ElementRef;
|
|
848
|
+
cdRef: ChangeDetectorRef;
|
|
849
|
+
wjFlexGridCellTemplate: any;
|
|
850
|
+
cellTypeStr: string;
|
|
851
|
+
/**
|
|
852
|
+
* Defines the <b>style.overflow</b> property value for cells.
|
|
853
|
+
*/
|
|
854
|
+
cellOverflow: string;
|
|
855
|
+
/**
|
|
856
|
+
* Defines the type of cell to which the template is applied. String enum member
|
|
857
|
+
* names can be used to specify the property value as well.
|
|
858
|
+
*/
|
|
859
|
+
cellType: CellTemplateType;
|
|
860
|
+
valuePaths: Object;
|
|
861
|
+
/**
|
|
862
|
+
* Gets or sets a value indicating whether the cell template will increase grid's default row height
|
|
863
|
+
* to accomodate cells content. Defaults to true.
|
|
864
|
+
*/
|
|
865
|
+
autoSizeRows: boolean;
|
|
866
|
+
/**
|
|
867
|
+
* For cell edit templates, indicates whether cell editing forcibly starts in full edit mode,
|
|
868
|
+
* regardless of how the editing was initiated. In full edit mode pressing cursor keys don't finish editing.
|
|
869
|
+
* Defaults to true.
|
|
870
|
+
*/
|
|
871
|
+
forceFullEdit: boolean;
|
|
872
|
+
grid: wjcGrid.FlexGrid;
|
|
873
|
+
column: wjcGrid.Column;
|
|
874
|
+
ownerControl: any;
|
|
875
|
+
constructor(viewContainerRef: ViewContainerRef, templateRef: TemplateRef<any>, elRef: ElementRef, parentCmp: any, injector: Injector, cdRef: ChangeDetectorRef);
|
|
876
|
+
ngOnInit(): void;
|
|
877
|
+
ngOnDestroy(): void;
|
|
878
|
+
_instantiateTemplate(parent: HTMLElement, dataContext: any): {
|
|
879
|
+
viewRef: ngCore.EmbeddedViewRef<any>;
|
|
880
|
+
rootElement: Element;
|
|
881
|
+
};
|
|
882
|
+
private _attachToControl;
|
|
883
|
+
}
|
|
884
|
+
interface ICellRenderingInfoNg extends ICellRenderingInfo {
|
|
885
|
+
templateContext: ICellTemplateContextNg;
|
|
886
|
+
templateCache: ICellTemplateCacheNg;
|
|
887
|
+
}
|
|
888
|
+
interface ICellTemplateCacheNg extends ICellTemplateCache {
|
|
889
|
+
viewRef: EmbeddedViewRef<any>;
|
|
890
|
+
}
|
|
891
|
+
interface ICellTemplateContextNg extends ICellTemplateInfo {
|
|
892
|
+
cdRef: ChangeDetectorRef;
|
|
893
|
+
viewContainerRef: ViewContainerRef;
|
|
894
|
+
_instantiateTemplate(parent: HTMLElement, dataContext: any): {
|
|
895
|
+
viewRef: EmbeddedViewRef<any>;
|
|
896
|
+
rootElement: Element;
|
|
897
|
+
};
|
|
898
|
+
}
|
|
899
|
+
export declare class DirectiveCellFactory extends DirectiveCellFactoryBase {
|
|
900
|
+
private _gridCdRef;
|
|
901
|
+
private _needsCdCheck;
|
|
902
|
+
grid: WjFlexGrid;
|
|
903
|
+
constructor(grid: WjFlexGrid, gridCdRef: ChangeDetectorRef);
|
|
904
|
+
protected shouldInstantiate(cellInfo: ICellRenderingInfoNg): boolean;
|
|
905
|
+
protected renderTemplate(cellInfo: ICellRenderingInfoNg, initNew: boolean): void;
|
|
906
|
+
protected setBindingsData(context: any, row: wjcGrid.Row, col: wjcGrid.Column, dataItem: any, cellValue: any, valuePaths: Object): CellBindingsData;
|
|
907
|
+
protected disposeTemplate(cell: HTMLElement, templateCache: ICellTemplateCacheNg, templateContext: ICellTemplateContextNg): void;
|
|
908
|
+
protected clearCell(cell: HTMLElement): void;
|
|
909
|
+
protected applyImmediately(cellInfo: ICellRenderingInfoNg): void;
|
|
910
|
+
protected flushPendingEvents(control: wjcCore.Control): void;
|
|
911
|
+
protected getEditorFocusFlag(): boolean;
|
|
912
|
+
protected setEditorFocusFlag(value: boolean): void;
|
|
913
|
+
protected checkHeight(cellInfo: ICellRenderingInfo): void;
|
|
914
|
+
}
|
|
915
|
+
export declare class WjGridModule {
|
|
916
|
+
}
|