@progress/kendo-angular-treelist 12.0.2-develop.1 → 12.0.2-develop.3
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/column-menu/column-menu.service.d.ts +11 -6
- package/columns/column-base.d.ts +13 -306
- package/columns/sort-settings.d.ts +13 -0
- package/common/single-popup.service.d.ts +6 -0
- package/editing/cancel-event-args.interface.d.ts +1 -1
- package/esm2020/column-menu/column-menu.service.mjs +11 -6
- package/esm2020/columns/column-base.mjs +7 -42
- package/esm2020/common/single-popup.service.mjs +6 -0
- package/esm2020/excel/excel-export-event.mjs +1 -1
- package/esm2020/excel/excel.module.mjs +5 -17
- package/esm2020/package-metadata.mjs +2 -2
- package/esm2020/pdf/pdf.module.mjs +5 -16
- package/esm2020/treelist.module.mjs +5 -15
- package/excel/excel-export-event.d.ts +1 -1
- package/excel/excel.module.d.ts +5 -17
- package/fesm2015/progress-kendo-angular-treelist.mjs +42 -99
- package/fesm2020/progress-kendo-angular-treelist.mjs +42 -99
- package/filtering/filterable.d.ts +9 -0
- package/package.json +15 -15
- package/pager/pager-settings.d.ts +2 -7
- package/pdf/pdf.module.d.ts +5 -16
- package/schematics/ngAdd/index.js +3 -3
- package/treelist.module.d.ts +5 -15
|
@@ -27,29 +27,18 @@ const declarations = [
|
|
|
27
27
|
*
|
|
28
28
|
* @example
|
|
29
29
|
*
|
|
30
|
-
* ```ts
|
|
31
|
-
* // Import the TreeList and PDF modules
|
|
32
|
-
* import { TreeListModule, PDFModule } from '@progress/kendo-angular-treelist';
|
|
33
|
-
*
|
|
34
|
-
* // The browser platform with a compiler
|
|
35
|
-
* import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
|
|
36
|
-
*
|
|
30
|
+
* ```ts
|
|
37
31
|
* import { NgModule } from '@angular/core';
|
|
38
|
-
*
|
|
39
|
-
*
|
|
32
|
+
* import { BrowserModule } from "@angular/platform-browser";
|
|
33
|
+
* import { TreeListModule, PDFModule } from '@progress/kendo-angular-treelist';
|
|
40
34
|
* import { AppComponent } from './app.component';
|
|
41
35
|
*
|
|
42
|
-
* // Define the app module
|
|
43
36
|
* _@NgModule({
|
|
44
|
-
* declarations: [AppComponent],
|
|
45
|
-
* imports: [BrowserModule, TreeListModule, PDFModule],
|
|
37
|
+
* declarations: [AppComponent],
|
|
38
|
+
* imports: [BrowserModule, TreeListModule, PDFModule],
|
|
46
39
|
* bootstrap: [AppComponent]
|
|
47
40
|
* })
|
|
48
41
|
* export class AppModule {}
|
|
49
|
-
*
|
|
50
|
-
* // Compile and launch the module
|
|
51
|
-
* platformBrowserDynamic().bootstrapModule(AppModule);
|
|
52
|
-
*
|
|
53
42
|
* ```
|
|
54
43
|
*/
|
|
55
44
|
export class PDFModule {
|
|
@@ -137,29 +137,19 @@ const declarations = [
|
|
|
137
137
|
*
|
|
138
138
|
* @example
|
|
139
139
|
*
|
|
140
|
-
* ```ts
|
|
141
|
-
* // Import the TreeList module
|
|
142
|
-
* import { TreeListModule } from '@progress/kendo-angular-treelist';
|
|
143
|
-
*
|
|
144
|
-
* // The browser platform with a compiler
|
|
145
|
-
* import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
|
|
146
|
-
*
|
|
140
|
+
* ```ts
|
|
147
141
|
* import { NgModule } from '@angular/core';
|
|
142
|
+
* import { BrowserModule } from "@angular/platform-browser";
|
|
143
|
+
* import { TreeListModule } from '@progress/kendo-angular-treelist';
|
|
148
144
|
*
|
|
149
|
-
* // Import the app component
|
|
150
145
|
* import { AppComponent } from './app.component';
|
|
151
146
|
*
|
|
152
|
-
* // Define the app module
|
|
153
147
|
* _@NgModule({
|
|
154
|
-
* declarations: [AppComponent],
|
|
155
|
-
* imports: [BrowserModule, TreeListModule],
|
|
148
|
+
* declarations: [AppComponent],
|
|
149
|
+
* imports: [BrowserModule, TreeListModule],
|
|
156
150
|
* bootstrap: [AppComponent]
|
|
157
151
|
* })
|
|
158
152
|
* export class AppModule {}
|
|
159
|
-
*
|
|
160
|
-
* // Compile and launch the module
|
|
161
|
-
* platformBrowserDynamic().bootstrapModule(AppModule);
|
|
162
|
-
*
|
|
163
153
|
* ```
|
|
164
154
|
*/
|
|
165
155
|
export class TreeListModule {
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { PreventableEvent } from '../common/preventable-event';
|
|
6
6
|
/**
|
|
7
|
-
* Arguments for the `excelExport` event.
|
|
7
|
+
* Arguments for the `excelExport` event. [See example](slug:excelexport_treelist#toc-customizing-generated-workbooks).
|
|
8
8
|
*/
|
|
9
9
|
export declare class ExcelExportEvent extends PreventableEvent {
|
|
10
10
|
workbook: any;
|
package/excel/excel.module.d.ts
CHANGED
|
@@ -12,30 +12,18 @@ import * as i4 from "@progress/kendo-angular-excel-export";
|
|
|
12
12
|
* definition for the Excel component of the TreeList.
|
|
13
13
|
*
|
|
14
14
|
* @example
|
|
15
|
-
*
|
|
16
|
-
* ```ts-no-run
|
|
17
|
-
* // Import the TreeList and Excel modules
|
|
18
|
-
* import { TreeListModule, ExcelModule } from '@progress/kendo-angular-treelist';
|
|
19
|
-
*
|
|
20
|
-
* // The browser platform with a compiler
|
|
21
|
-
* import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
|
|
22
|
-
*
|
|
15
|
+
* ```ts
|
|
23
16
|
* import { NgModule } from '@angular/core';
|
|
24
|
-
*
|
|
25
|
-
*
|
|
17
|
+
* import { BrowserModule } from "@angular/platform-browser";
|
|
18
|
+
* import { TreeListModule, ExcelModule } from '@progress/kendo-angular-treelist';
|
|
26
19
|
* import { AppComponent } from './app.component';
|
|
27
20
|
*
|
|
28
|
-
* // Define the app module
|
|
29
21
|
* _@NgModule({
|
|
30
|
-
* declarations: [AppComponent],
|
|
31
|
-
* imports: [BrowserModule, TreeListModule, ExcelModule],
|
|
22
|
+
* declarations: [AppComponent],
|
|
23
|
+
* imports: [BrowserModule, TreeListModule, ExcelModule],
|
|
32
24
|
* bootstrap: [AppComponent]
|
|
33
25
|
* })
|
|
34
26
|
* export class AppModule {}
|
|
35
|
-
*
|
|
36
|
-
* // Compile and launch the module
|
|
37
|
-
* platformBrowserDynamic().bootstrapModule(AppModule);
|
|
38
|
-
*
|
|
39
27
|
* ```
|
|
40
28
|
*/
|
|
41
29
|
export declare class ExcelModule {
|
|
@@ -46,8 +46,8 @@ const packageMetadata = {
|
|
|
46
46
|
name: '@progress/kendo-angular-treelist',
|
|
47
47
|
productName: 'Kendo UI for Angular',
|
|
48
48
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
49
|
-
publishDate:
|
|
50
|
-
version: '12.0.2-develop.
|
|
49
|
+
publishDate: 1683884362,
|
|
50
|
+
version: '12.0.2-develop.3',
|
|
51
51
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
52
52
|
};
|
|
53
53
|
|
|
@@ -299,8 +299,8 @@ class ColumnBase {
|
|
|
299
299
|
this.matchesMedia = true;
|
|
300
300
|
/**
|
|
301
301
|
* The column index after reordering.
|
|
302
|
-
*
|
|
303
|
-
*
|
|
302
|
+
* The orderIndex` is a read-only property. Setting this field does not affect column order.
|
|
303
|
+
* @default 0
|
|
304
304
|
*/
|
|
305
305
|
this.orderIndex = 0;
|
|
306
306
|
/**
|
|
@@ -323,19 +323,23 @@ class ColumnBase {
|
|
|
323
323
|
this.reorderable = true;
|
|
324
324
|
/**
|
|
325
325
|
* The width (in pixels) below which the user is not able to resize the column by using the UI.
|
|
326
|
+
* @default 10
|
|
326
327
|
*/
|
|
327
328
|
this.minResizableWidth = 10;
|
|
328
329
|
this._locked = false;
|
|
329
330
|
/**
|
|
330
331
|
* Specifies if the column can be locked or unlocked from the column menu or by reordering the columns.
|
|
332
|
+
* @default true
|
|
331
333
|
*/
|
|
332
334
|
this.lockable = true;
|
|
333
335
|
/**
|
|
334
336
|
* Specifies if the column menu will be shown for the column.
|
|
337
|
+
* @default true
|
|
335
338
|
*/
|
|
336
339
|
this.columnMenu = true;
|
|
337
340
|
/**
|
|
338
341
|
* Specifies if the column will be included in the column-chooser list.
|
|
342
|
+
* @default true
|
|
339
343
|
*/
|
|
340
344
|
this.includeInChooser = true;
|
|
341
345
|
/**
|
|
@@ -370,48 +374,9 @@ class ColumnBase {
|
|
|
370
374
|
}
|
|
371
375
|
get width() { return this._width; }
|
|
372
376
|
/**
|
|
373
|
-
* Toggles the locked (frozen) state of the columns ([more information and example](
|
|
377
|
+
* Toggles the locked (frozen) state of the columns ([more information and example](slug:locked_columns_treelist)).
|
|
374
378
|
*
|
|
375
379
|
* @default false
|
|
376
|
-
*
|
|
377
|
-
* @example
|
|
378
|
-
* ```ts
|
|
379
|
-
* _@Component({
|
|
380
|
-
* selector: 'my-app',
|
|
381
|
-
* template: `
|
|
382
|
-
* <kendo-treelist [data]="treelistData" [scrollable]="scrollable" style="height: 200px">
|
|
383
|
-
* <kendo-treelist-column field="ProductID" title="Product ID" [width]="120" [locked]="true">
|
|
384
|
-
* </kendo-treelist-column>
|
|
385
|
-
* <kendo-treelist-column field="ProductName" title="Product Name" [width]="200">
|
|
386
|
-
* </kendo-treelist-column>
|
|
387
|
-
* <kendo-treelist-column field="UnitPrice" title="Unit Price" [width]="230">
|
|
388
|
-
* </kendo-treelist-column>
|
|
389
|
-
* </kendo-treelist>
|
|
390
|
-
* `
|
|
391
|
-
* })
|
|
392
|
-
*
|
|
393
|
-
* class AppComponent {
|
|
394
|
-
* public treelistData: any[];
|
|
395
|
-
*
|
|
396
|
-
* constructor() {
|
|
397
|
-
* this.treelistData = products;
|
|
398
|
-
* }
|
|
399
|
-
* }
|
|
400
|
-
*
|
|
401
|
-
* const products = [{
|
|
402
|
-
* "ProductID": 1,
|
|
403
|
-
* "ProductName": "Chai",
|
|
404
|
-
* "UnitPrice": 18.0000,
|
|
405
|
-
* "Discontinued": true
|
|
406
|
-
* }, {
|
|
407
|
-
* "ProductID": 2,
|
|
408
|
-
* "ProductName": "Chang",
|
|
409
|
-
* "UnitPrice": 19.0000,
|
|
410
|
-
* "Discontinued": false
|
|
411
|
-
* }
|
|
412
|
-
* ];
|
|
413
|
-
*
|
|
414
|
-
* ```
|
|
415
380
|
*/
|
|
416
381
|
set locked(value) {
|
|
417
382
|
this._locked = value;
|
|
@@ -2907,6 +2872,9 @@ const contains$1 = (node, predicate) => {
|
|
|
2907
2872
|
* Arguments for the `close` event of the filter and column-menu popup.
|
|
2908
2873
|
*/
|
|
2909
2874
|
class PopupCloseEvent extends PreventableEvent {
|
|
2875
|
+
/**
|
|
2876
|
+
* @hidden
|
|
2877
|
+
*/
|
|
2910
2878
|
constructor(e) {
|
|
2911
2879
|
super();
|
|
2912
2880
|
this.originalEvent = e;
|
|
@@ -2918,6 +2886,9 @@ const DEFAULT_POPUP_CLASS = 'k-grid-filter-popup';
|
|
|
2918
2886
|
* ([see example]({% slug reusablecustomfilters_treelist %}#toc-filter-menu-with-popup)).
|
|
2919
2887
|
*/
|
|
2920
2888
|
class SinglePopupService {
|
|
2889
|
+
/**
|
|
2890
|
+
* @hidden
|
|
2891
|
+
*/
|
|
2921
2892
|
constructor(popupService, renderer, ngZone, scrollSyncService, localization) {
|
|
2922
2893
|
this.popupService = popupService;
|
|
2923
2894
|
this.renderer = renderer;
|
|
@@ -7355,12 +7326,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
7355
7326
|
* Represents the service that is passed to the
|
|
7356
7327
|
* [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive.
|
|
7357
7328
|
*
|
|
7358
|
-
*
|
|
7359
|
-
*
|
|
7360
|
-
*
|
|
7361
|
-
*
|
|
7362
|
-
*
|
|
7363
|
-
*
|
|
7329
|
+
* @example
|
|
7330
|
+
* ```html
|
|
7331
|
+
* <kendo-treelist>
|
|
7332
|
+
* <ng-template
|
|
7333
|
+
* kendoTreeListColumnMenuTemplate
|
|
7334
|
+
* let-service="service"
|
|
7335
|
+
* let-column="column">
|
|
7336
|
+
* <kendo-treelist-columnmenu-sort [service]="service">
|
|
7337
|
+
* </ng-template>
|
|
7338
|
+
* </kendo-treelist>
|
|
7339
|
+
* ```
|
|
7364
7340
|
*/
|
|
7365
7341
|
class ColumnMenuService {
|
|
7366
7342
|
constructor() {
|
|
@@ -19401,29 +19377,19 @@ const declarations$2 = [
|
|
|
19401
19377
|
*
|
|
19402
19378
|
* @example
|
|
19403
19379
|
*
|
|
19404
|
-
* ```ts
|
|
19405
|
-
* // Import the TreeList module
|
|
19406
|
-
* import { TreeListModule } from '@progress/kendo-angular-treelist';
|
|
19407
|
-
*
|
|
19408
|
-
* // The browser platform with a compiler
|
|
19409
|
-
* import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
|
|
19410
|
-
*
|
|
19380
|
+
* ```ts
|
|
19411
19381
|
* import { NgModule } from '@angular/core';
|
|
19382
|
+
* import { BrowserModule } from "@angular/platform-browser";
|
|
19383
|
+
* import { TreeListModule } from '@progress/kendo-angular-treelist';
|
|
19412
19384
|
*
|
|
19413
|
-
* // Import the app component
|
|
19414
19385
|
* import { AppComponent } from './app.component';
|
|
19415
19386
|
*
|
|
19416
|
-
* // Define the app module
|
|
19417
19387
|
* _@NgModule({
|
|
19418
|
-
* declarations: [AppComponent],
|
|
19419
|
-
* imports: [BrowserModule, TreeListModule],
|
|
19388
|
+
* declarations: [AppComponent],
|
|
19389
|
+
* imports: [BrowserModule, TreeListModule],
|
|
19420
19390
|
* bootstrap: [AppComponent]
|
|
19421
19391
|
* })
|
|
19422
19392
|
* export class AppModule {}
|
|
19423
|
-
*
|
|
19424
|
-
* // Compile and launch the module
|
|
19425
|
-
* platformBrowserDynamic().bootstrapModule(AppModule);
|
|
19426
|
-
*
|
|
19427
19393
|
* ```
|
|
19428
19394
|
*/
|
|
19429
19395
|
class TreeListModule {
|
|
@@ -20006,29 +19972,18 @@ const declarations$1 = [
|
|
|
20006
19972
|
*
|
|
20007
19973
|
* @example
|
|
20008
19974
|
*
|
|
20009
|
-
* ```ts
|
|
20010
|
-
* // Import the TreeList and PDF modules
|
|
20011
|
-
* import { TreeListModule, PDFModule } from '@progress/kendo-angular-treelist';
|
|
20012
|
-
*
|
|
20013
|
-
* // The browser platform with a compiler
|
|
20014
|
-
* import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
|
|
20015
|
-
*
|
|
19975
|
+
* ```ts
|
|
20016
19976
|
* import { NgModule } from '@angular/core';
|
|
20017
|
-
*
|
|
20018
|
-
*
|
|
19977
|
+
* import { BrowserModule } from "@angular/platform-browser";
|
|
19978
|
+
* import { TreeListModule, PDFModule } from '@progress/kendo-angular-treelist';
|
|
20019
19979
|
* import { AppComponent } from './app.component';
|
|
20020
19980
|
*
|
|
20021
|
-
* // Define the app module
|
|
20022
19981
|
* _@NgModule({
|
|
20023
|
-
* declarations: [AppComponent],
|
|
20024
|
-
* imports: [BrowserModule, TreeListModule, PDFModule],
|
|
19982
|
+
* declarations: [AppComponent],
|
|
19983
|
+
* imports: [BrowserModule, TreeListModule, PDFModule],
|
|
20025
19984
|
* bootstrap: [AppComponent]
|
|
20026
19985
|
* })
|
|
20027
19986
|
* export class AppModule {}
|
|
20028
|
-
*
|
|
20029
|
-
* // Compile and launch the module
|
|
20030
|
-
* platformBrowserDynamic().bootstrapModule(AppModule);
|
|
20031
|
-
*
|
|
20032
19987
|
* ```
|
|
20033
19988
|
*/
|
|
20034
19989
|
class PDFModule {
|
|
@@ -20052,7 +20007,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
20052
20007
|
}] });
|
|
20053
20008
|
|
|
20054
20009
|
/**
|
|
20055
|
-
* Arguments for the `excelExport` event.
|
|
20010
|
+
* Arguments for the `excelExport` event. [See example](slug:excelexport_treelist#toc-customizing-generated-workbooks).
|
|
20056
20011
|
*/
|
|
20057
20012
|
class ExcelExportEvent extends PreventableEvent {
|
|
20058
20013
|
constructor(workbook) {
|
|
@@ -20346,30 +20301,18 @@ const declarations = [ExcelComponent, ExcelCommandDirective];
|
|
|
20346
20301
|
* definition for the Excel component of the TreeList.
|
|
20347
20302
|
*
|
|
20348
20303
|
* @example
|
|
20349
|
-
*
|
|
20350
|
-
* ```ts-no-run
|
|
20351
|
-
* // Import the TreeList and Excel modules
|
|
20352
|
-
* import { TreeListModule, ExcelModule } from '@progress/kendo-angular-treelist';
|
|
20353
|
-
*
|
|
20354
|
-
* // The browser platform with a compiler
|
|
20355
|
-
* import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
|
|
20356
|
-
*
|
|
20304
|
+
* ```ts
|
|
20357
20305
|
* import { NgModule } from '@angular/core';
|
|
20358
|
-
*
|
|
20359
|
-
*
|
|
20306
|
+
* import { BrowserModule } from "@angular/platform-browser";
|
|
20307
|
+
* import { TreeListModule, ExcelModule } from '@progress/kendo-angular-treelist';
|
|
20360
20308
|
* import { AppComponent } from './app.component';
|
|
20361
20309
|
*
|
|
20362
|
-
* // Define the app module
|
|
20363
20310
|
* _@NgModule({
|
|
20364
|
-
* declarations: [AppComponent],
|
|
20365
|
-
* imports: [BrowserModule, TreeListModule, ExcelModule],
|
|
20311
|
+
* declarations: [AppComponent],
|
|
20312
|
+
* imports: [BrowserModule, TreeListModule, ExcelModule],
|
|
20366
20313
|
* bootstrap: [AppComponent]
|
|
20367
20314
|
* })
|
|
20368
20315
|
* export class AppModule {}
|
|
20369
|
-
*
|
|
20370
|
-
* // Compile and launch the module
|
|
20371
|
-
* platformBrowserDynamic().bootstrapModule(AppModule);
|
|
20372
|
-
*
|
|
20373
20316
|
* ```
|
|
20374
20317
|
*/
|
|
20375
20318
|
class ExcelModule {
|
|
@@ -46,8 +46,8 @@ const packageMetadata = {
|
|
|
46
46
|
name: '@progress/kendo-angular-treelist',
|
|
47
47
|
productName: 'Kendo UI for Angular',
|
|
48
48
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
49
|
-
publishDate:
|
|
50
|
-
version: '12.0.2-develop.
|
|
49
|
+
publishDate: 1683884362,
|
|
50
|
+
version: '12.0.2-develop.3',
|
|
51
51
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
52
52
|
};
|
|
53
53
|
|
|
@@ -289,8 +289,8 @@ class ColumnBase {
|
|
|
289
289
|
this.matchesMedia = true;
|
|
290
290
|
/**
|
|
291
291
|
* The column index after reordering.
|
|
292
|
-
*
|
|
293
|
-
*
|
|
292
|
+
* The orderIndex` is a read-only property. Setting this field does not affect column order.
|
|
293
|
+
* @default 0
|
|
294
294
|
*/
|
|
295
295
|
this.orderIndex = 0;
|
|
296
296
|
/**
|
|
@@ -313,19 +313,23 @@ class ColumnBase {
|
|
|
313
313
|
this.reorderable = true;
|
|
314
314
|
/**
|
|
315
315
|
* The width (in pixels) below which the user is not able to resize the column by using the UI.
|
|
316
|
+
* @default 10
|
|
316
317
|
*/
|
|
317
318
|
this.minResizableWidth = 10;
|
|
318
319
|
this._locked = false;
|
|
319
320
|
/**
|
|
320
321
|
* Specifies if the column can be locked or unlocked from the column menu or by reordering the columns.
|
|
322
|
+
* @default true
|
|
321
323
|
*/
|
|
322
324
|
this.lockable = true;
|
|
323
325
|
/**
|
|
324
326
|
* Specifies if the column menu will be shown for the column.
|
|
327
|
+
* @default true
|
|
325
328
|
*/
|
|
326
329
|
this.columnMenu = true;
|
|
327
330
|
/**
|
|
328
331
|
* Specifies if the column will be included in the column-chooser list.
|
|
332
|
+
* @default true
|
|
329
333
|
*/
|
|
330
334
|
this.includeInChooser = true;
|
|
331
335
|
/**
|
|
@@ -360,48 +364,9 @@ class ColumnBase {
|
|
|
360
364
|
}
|
|
361
365
|
get width() { return this._width; }
|
|
362
366
|
/**
|
|
363
|
-
* Toggles the locked (frozen) state of the columns ([more information and example](
|
|
367
|
+
* Toggles the locked (frozen) state of the columns ([more information and example](slug:locked_columns_treelist)).
|
|
364
368
|
*
|
|
365
369
|
* @default false
|
|
366
|
-
*
|
|
367
|
-
* @example
|
|
368
|
-
* ```ts
|
|
369
|
-
* _@Component({
|
|
370
|
-
* selector: 'my-app',
|
|
371
|
-
* template: `
|
|
372
|
-
* <kendo-treelist [data]="treelistData" [scrollable]="scrollable" style="height: 200px">
|
|
373
|
-
* <kendo-treelist-column field="ProductID" title="Product ID" [width]="120" [locked]="true">
|
|
374
|
-
* </kendo-treelist-column>
|
|
375
|
-
* <kendo-treelist-column field="ProductName" title="Product Name" [width]="200">
|
|
376
|
-
* </kendo-treelist-column>
|
|
377
|
-
* <kendo-treelist-column field="UnitPrice" title="Unit Price" [width]="230">
|
|
378
|
-
* </kendo-treelist-column>
|
|
379
|
-
* </kendo-treelist>
|
|
380
|
-
* `
|
|
381
|
-
* })
|
|
382
|
-
*
|
|
383
|
-
* class AppComponent {
|
|
384
|
-
* public treelistData: any[];
|
|
385
|
-
*
|
|
386
|
-
* constructor() {
|
|
387
|
-
* this.treelistData = products;
|
|
388
|
-
* }
|
|
389
|
-
* }
|
|
390
|
-
*
|
|
391
|
-
* const products = [{
|
|
392
|
-
* "ProductID": 1,
|
|
393
|
-
* "ProductName": "Chai",
|
|
394
|
-
* "UnitPrice": 18.0000,
|
|
395
|
-
* "Discontinued": true
|
|
396
|
-
* }, {
|
|
397
|
-
* "ProductID": 2,
|
|
398
|
-
* "ProductName": "Chang",
|
|
399
|
-
* "UnitPrice": 19.0000,
|
|
400
|
-
* "Discontinued": false
|
|
401
|
-
* }
|
|
402
|
-
* ];
|
|
403
|
-
*
|
|
404
|
-
* ```
|
|
405
370
|
*/
|
|
406
371
|
set locked(value) {
|
|
407
372
|
this._locked = value;
|
|
@@ -2881,6 +2846,9 @@ const contains$1 = (node, predicate) => {
|
|
|
2881
2846
|
* Arguments for the `close` event of the filter and column-menu popup.
|
|
2882
2847
|
*/
|
|
2883
2848
|
class PopupCloseEvent extends PreventableEvent {
|
|
2849
|
+
/**
|
|
2850
|
+
* @hidden
|
|
2851
|
+
*/
|
|
2884
2852
|
constructor(e) {
|
|
2885
2853
|
super();
|
|
2886
2854
|
this.originalEvent = e;
|
|
@@ -2892,6 +2860,9 @@ const DEFAULT_POPUP_CLASS = 'k-grid-filter-popup';
|
|
|
2892
2860
|
* ([see example]({% slug reusablecustomfilters_treelist %}#toc-filter-menu-with-popup)).
|
|
2893
2861
|
*/
|
|
2894
2862
|
class SinglePopupService {
|
|
2863
|
+
/**
|
|
2864
|
+
* @hidden
|
|
2865
|
+
*/
|
|
2895
2866
|
constructor(popupService, renderer, ngZone, scrollSyncService, localization) {
|
|
2896
2867
|
this.popupService = popupService;
|
|
2897
2868
|
this.renderer = renderer;
|
|
@@ -7318,12 +7289,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
7318
7289
|
* Represents the service that is passed to the
|
|
7319
7290
|
* [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive.
|
|
7320
7291
|
*
|
|
7321
|
-
*
|
|
7322
|
-
*
|
|
7323
|
-
*
|
|
7324
|
-
*
|
|
7325
|
-
*
|
|
7326
|
-
*
|
|
7292
|
+
* @example
|
|
7293
|
+
* ```html
|
|
7294
|
+
* <kendo-treelist>
|
|
7295
|
+
* <ng-template
|
|
7296
|
+
* kendoTreeListColumnMenuTemplate
|
|
7297
|
+
* let-service="service"
|
|
7298
|
+
* let-column="column">
|
|
7299
|
+
* <kendo-treelist-columnmenu-sort [service]="service">
|
|
7300
|
+
* </ng-template>
|
|
7301
|
+
* </kendo-treelist>
|
|
7302
|
+
* ```
|
|
7327
7303
|
*/
|
|
7328
7304
|
class ColumnMenuService {
|
|
7329
7305
|
constructor() {
|
|
@@ -19352,29 +19328,19 @@ const declarations$2 = [
|
|
|
19352
19328
|
*
|
|
19353
19329
|
* @example
|
|
19354
19330
|
*
|
|
19355
|
-
* ```ts
|
|
19356
|
-
* // Import the TreeList module
|
|
19357
|
-
* import { TreeListModule } from '@progress/kendo-angular-treelist';
|
|
19358
|
-
*
|
|
19359
|
-
* // The browser platform with a compiler
|
|
19360
|
-
* import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
|
|
19361
|
-
*
|
|
19331
|
+
* ```ts
|
|
19362
19332
|
* import { NgModule } from '@angular/core';
|
|
19333
|
+
* import { BrowserModule } from "@angular/platform-browser";
|
|
19334
|
+
* import { TreeListModule } from '@progress/kendo-angular-treelist';
|
|
19363
19335
|
*
|
|
19364
|
-
* // Import the app component
|
|
19365
19336
|
* import { AppComponent } from './app.component';
|
|
19366
19337
|
*
|
|
19367
|
-
* // Define the app module
|
|
19368
19338
|
* _@NgModule({
|
|
19369
|
-
* declarations: [AppComponent],
|
|
19370
|
-
* imports: [BrowserModule, TreeListModule],
|
|
19339
|
+
* declarations: [AppComponent],
|
|
19340
|
+
* imports: [BrowserModule, TreeListModule],
|
|
19371
19341
|
* bootstrap: [AppComponent]
|
|
19372
19342
|
* })
|
|
19373
19343
|
* export class AppModule {}
|
|
19374
|
-
*
|
|
19375
|
-
* // Compile and launch the module
|
|
19376
|
-
* platformBrowserDynamic().bootstrapModule(AppModule);
|
|
19377
|
-
*
|
|
19378
19344
|
* ```
|
|
19379
19345
|
*/
|
|
19380
19346
|
class TreeListModule {
|
|
@@ -19955,29 +19921,18 @@ const declarations$1 = [
|
|
|
19955
19921
|
*
|
|
19956
19922
|
* @example
|
|
19957
19923
|
*
|
|
19958
|
-
* ```ts
|
|
19959
|
-
* // Import the TreeList and PDF modules
|
|
19960
|
-
* import { TreeListModule, PDFModule } from '@progress/kendo-angular-treelist';
|
|
19961
|
-
*
|
|
19962
|
-
* // The browser platform with a compiler
|
|
19963
|
-
* import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
|
|
19964
|
-
*
|
|
19924
|
+
* ```ts
|
|
19965
19925
|
* import { NgModule } from '@angular/core';
|
|
19966
|
-
*
|
|
19967
|
-
*
|
|
19926
|
+
* import { BrowserModule } from "@angular/platform-browser";
|
|
19927
|
+
* import { TreeListModule, PDFModule } from '@progress/kendo-angular-treelist';
|
|
19968
19928
|
* import { AppComponent } from './app.component';
|
|
19969
19929
|
*
|
|
19970
|
-
* // Define the app module
|
|
19971
19930
|
* _@NgModule({
|
|
19972
|
-
* declarations: [AppComponent],
|
|
19973
|
-
* imports: [BrowserModule, TreeListModule, PDFModule],
|
|
19931
|
+
* declarations: [AppComponent],
|
|
19932
|
+
* imports: [BrowserModule, TreeListModule, PDFModule],
|
|
19974
19933
|
* bootstrap: [AppComponent]
|
|
19975
19934
|
* })
|
|
19976
19935
|
* export class AppModule {}
|
|
19977
|
-
*
|
|
19978
|
-
* // Compile and launch the module
|
|
19979
|
-
* platformBrowserDynamic().bootstrapModule(AppModule);
|
|
19980
|
-
*
|
|
19981
19936
|
* ```
|
|
19982
19937
|
*/
|
|
19983
19938
|
class PDFModule {
|
|
@@ -20001,7 +19956,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
20001
19956
|
}] });
|
|
20002
19957
|
|
|
20003
19958
|
/**
|
|
20004
|
-
* Arguments for the `excelExport` event.
|
|
19959
|
+
* Arguments for the `excelExport` event. [See example](slug:excelexport_treelist#toc-customizing-generated-workbooks).
|
|
20005
19960
|
*/
|
|
20006
19961
|
class ExcelExportEvent extends PreventableEvent {
|
|
20007
19962
|
constructor(workbook) {
|
|
@@ -20295,30 +20250,18 @@ const declarations = [ExcelComponent, ExcelCommandDirective];
|
|
|
20295
20250
|
* definition for the Excel component of the TreeList.
|
|
20296
20251
|
*
|
|
20297
20252
|
* @example
|
|
20298
|
-
*
|
|
20299
|
-
* ```ts-no-run
|
|
20300
|
-
* // Import the TreeList and Excel modules
|
|
20301
|
-
* import { TreeListModule, ExcelModule } from '@progress/kendo-angular-treelist';
|
|
20302
|
-
*
|
|
20303
|
-
* // The browser platform with a compiler
|
|
20304
|
-
* import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
|
|
20305
|
-
*
|
|
20253
|
+
* ```ts
|
|
20306
20254
|
* import { NgModule } from '@angular/core';
|
|
20307
|
-
*
|
|
20308
|
-
*
|
|
20255
|
+
* import { BrowserModule } from "@angular/platform-browser";
|
|
20256
|
+
* import { TreeListModule, ExcelModule } from '@progress/kendo-angular-treelist';
|
|
20309
20257
|
* import { AppComponent } from './app.component';
|
|
20310
20258
|
*
|
|
20311
|
-
* // Define the app module
|
|
20312
20259
|
* _@NgModule({
|
|
20313
|
-
* declarations: [AppComponent],
|
|
20314
|
-
* imports: [BrowserModule, TreeListModule, ExcelModule],
|
|
20260
|
+
* declarations: [AppComponent],
|
|
20261
|
+
* imports: [BrowserModule, TreeListModule, ExcelModule],
|
|
20315
20262
|
* bootstrap: [AppComponent]
|
|
20316
20263
|
* })
|
|
20317
20264
|
* export class AppModule {}
|
|
20318
|
-
*
|
|
20319
|
-
* // Compile and launch the module
|
|
20320
|
-
* platformBrowserDynamic().bootstrapModule(AppModule);
|
|
20321
|
-
*
|
|
20322
20265
|
* ```
|
|
20323
20266
|
*/
|
|
20324
20267
|
class ExcelModule {
|
|
@@ -4,6 +4,15 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
|
6
6
|
* Represents the options for the `filterable` setting of the TreeList.
|
|
7
|
+
* The available values are:
|
|
8
|
+
* - `row`—Displays a filter row in Grid.
|
|
9
|
+
* - `menu`—Displays a filter menu in Grid.
|
|
10
|
+
* - `menu, row`—Displays filter menu with filter row.
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* ```html
|
|
14
|
+
* <kendo-treelist filterable="menu, row"></kendo-treelist>
|
|
15
|
+
* ```
|
|
7
16
|
*/
|
|
8
17
|
export declare type FilterableSettings = boolean | 'row' | 'menu' | 'menu, row';
|
|
9
18
|
/**
|