@progress/kendo-angular-treelist 19.1.2-develop.4 → 19.1.2-develop.5
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/binding-directives/base-binding.directive.d.ts +6 -3
- package/binding-directives/flat-binding.directive.d.ts +7 -8
- package/binding-directives/hierarchy-binding.directive.d.ts +13 -6
- package/column-menu/column-chooser.component.d.ts +5 -8
- package/column-menu/column-locked-change-event.d.ts +4 -2
- package/column-menu/column-menu-autosize-all.component.d.ts +3 -5
- package/column-menu/column-menu-autosize.component.d.ts +5 -7
- package/column-menu/column-menu-chooser.component.d.ts +15 -6
- package/column-menu/column-menu-expandable-item.interface.d.ts +4 -3
- package/column-menu/column-menu-filter.component.d.ts +14 -4
- package/column-menu/column-menu-item-base.d.ts +1 -1
- package/column-menu/column-menu-item-content-template.directive.d.ts +3 -5
- package/column-menu/column-menu-item.component.d.ts +7 -10
- package/column-menu/column-menu-item.directive.d.ts +23 -1
- package/column-menu/column-menu-lock.component.d.ts +14 -4
- package/column-menu/column-menu-settings.interface.d.ts +5 -5
- package/column-menu/column-menu-sort.component.d.ts +12 -2
- package/column-menu/column-menu-template.directive.d.ts +3 -5
- package/column-menu/column-menu.component.d.ts +14 -2
- package/column-menu/column-menu.service.d.ts +1 -2
- package/column-menu/column-visibility-change-event.d.ts +2 -2
- package/column-resizing/column-resize.interface.d.ts +3 -2
- package/columns/checkbox-column.component.d.ts +16 -4
- package/columns/column-base.d.ts +15 -28
- package/columns/column-group.component.d.ts +1 -2
- package/columns/column.component.d.ts +22 -18
- package/columns/command-column.component.d.ts +3 -4
- package/columns/rowreorder-column.component.d.ts +9 -1
- package/columns/sort-settings.d.ts +5 -23
- package/columns/span-column.component.d.ts +11 -16
- package/common/cell-click-event-args.interface.d.ts +4 -3
- package/common/create-form-group.d.ts +2 -1
- package/common/pager-settings.d.ts +7 -8
- package/common/remove-confirmation.d.ts +1 -1
- package/common/single-popup.service.d.ts +7 -6
- package/data/change-event-args.interface.d.ts +6 -7
- package/data/data-item.interface.d.ts +5 -5
- package/data/data.collection.d.ts +4 -3
- package/data/treelist-item.interface.d.ts +2 -2
- package/directives.d.ts +10 -9
- package/dragdrop/column-reorder-config.d.ts +3 -2
- package/dragdrop/column-reorder-event.d.ts +4 -6
- package/editing/add-command-tool.directive.d.ts +9 -12
- package/editing/add-command.directive.d.ts +5 -9
- package/editing/add-event-args.interface.d.ts +3 -2
- package/editing/cancel-command.directive.d.ts +5 -8
- package/editing/cancel-event-args.interface.d.ts +1 -1
- package/editing/cell-close-event.d.ts +5 -5
- package/editing/edit-command.directive.d.ts +5 -9
- package/editing/edit-event-args.interface.d.ts +4 -3
- package/editing/edit-template.directive.d.ts +2 -4
- package/editing/remove-command.directive.d.ts +5 -8
- package/editing/remove-event-args.interface.d.ts +3 -2
- package/editing/save-command.directive.d.ts +5 -8
- package/editing/save-event-args.interface.d.ts +4 -3
- package/editing-directives/create-form-group-args.interface.d.ts +1 -1
- package/editing-directives/edit-service.interface.d.ts +13 -5
- package/editing-directives/editing-directive-base.d.ts +3 -3
- package/editing-directives/in-cell-editing.directive.d.ts +12 -2
- package/editing-directives/reactive-editing.directive.d.ts +12 -2
- package/editing-directives/template-editing.directive.d.ts +13 -3
- package/esm2022/binding-directives/base-binding.directive.mjs +6 -3
- package/esm2022/binding-directives/flat-binding.directive.mjs +7 -8
- package/esm2022/binding-directives/hierarchy-binding.directive.mjs +13 -6
- package/esm2022/column-menu/column-chooser.component.mjs +5 -8
- package/esm2022/column-menu/column-locked-change-event.mjs +4 -2
- package/esm2022/column-menu/column-menu-autosize-all.component.mjs +3 -5
- package/esm2022/column-menu/column-menu-autosize.component.mjs +5 -7
- package/esm2022/column-menu/column-menu-chooser.component.mjs +15 -6
- package/esm2022/column-menu/column-menu-filter.component.mjs +14 -4
- package/esm2022/column-menu/column-menu-item-base.mjs +1 -1
- package/esm2022/column-menu/column-menu-item-content-template.directive.mjs +3 -5
- package/esm2022/column-menu/column-menu-item.component.mjs +7 -10
- package/esm2022/column-menu/column-menu-item.directive.mjs +23 -1
- package/esm2022/column-menu/column-menu-lock.component.mjs +14 -4
- package/esm2022/column-menu/column-menu-sort.component.mjs +12 -2
- package/esm2022/column-menu/column-menu-template.directive.mjs +3 -5
- package/esm2022/column-menu/column-menu.component.mjs +14 -2
- package/esm2022/column-menu/column-menu.service.mjs +1 -2
- package/esm2022/column-menu/column-visibility-change-event.mjs +2 -2
- package/esm2022/columns/checkbox-column.component.mjs +16 -4
- package/esm2022/columns/column-base.mjs +15 -28
- package/esm2022/columns/column-group.component.mjs +1 -2
- package/esm2022/columns/column.component.mjs +22 -18
- package/esm2022/columns/command-column.component.mjs +3 -4
- package/esm2022/columns/rowreorder-column.component.mjs +9 -1
- package/esm2022/columns/span-column.component.mjs +11 -16
- package/esm2022/common/single-popup.service.mjs +7 -6
- package/esm2022/directives.mjs +10 -9
- package/esm2022/dragdrop/column-reorder-event.mjs +4 -6
- package/esm2022/editing/add-command-tool.directive.mjs +9 -12
- package/esm2022/editing/add-command.directive.mjs +5 -9
- package/esm2022/editing/cancel-command.directive.mjs +5 -8
- package/esm2022/editing/cell-close-event.mjs +5 -5
- package/esm2022/editing/edit-command.directive.mjs +5 -9
- package/esm2022/editing/edit-template.directive.mjs +2 -4
- package/esm2022/editing/remove-command.directive.mjs +5 -8
- package/esm2022/editing/save-command.directive.mjs +5 -8
- package/esm2022/editing-directives/editing-directive-base.mjs +3 -3
- package/esm2022/editing-directives/in-cell-editing.directive.mjs +12 -2
- package/esm2022/editing-directives/reactive-editing.directive.mjs +12 -2
- package/esm2022/editing-directives/template-editing.directive.mjs +13 -3
- package/esm2022/excel/excel-command-tool.directive.mjs +9 -11
- package/esm2022/excel/excel-command.directive.mjs +3 -7
- package/esm2022/excel/excel.component.mjs +22 -16
- package/esm2022/excel/excel.module.mjs +2 -2
- package/esm2022/expand-state/expand-event.mjs +3 -3
- package/esm2022/expand-state/expandable.directive.mjs +8 -5
- package/esm2022/filtering/base-filter-cell.component.mjs +3 -1
- package/esm2022/filtering/cell/boolean-filter-cell.component.mjs +1 -0
- package/esm2022/filtering/cell/date-filter-cell.component.mjs +5 -3
- package/esm2022/filtering/cell/filter-cell-operators.component.mjs +2 -1
- package/esm2022/filtering/cell/filter-cell-template.directive.mjs +18 -3
- package/esm2022/filtering/cell/numeric-filter-cell.component.mjs +7 -5
- package/esm2022/filtering/cell/string-filter-cell.component.mjs +7 -7
- package/esm2022/filtering/date-filter.component.mjs +8 -3
- package/esm2022/filtering/filter.service.mjs +2 -4
- package/esm2022/filtering/menu/boolean-filter-menu.component.mjs +3 -3
- package/esm2022/filtering/menu/date-filter-menu.component.mjs +6 -3
- package/esm2022/filtering/menu/filter-menu-template.directive.mjs +18 -2
- package/esm2022/filtering/menu/numeric-filter-menu.component.mjs +9 -5
- package/esm2022/filtering/menu/string-filter-menu.component.mjs +6 -4
- package/esm2022/filtering/numeric-filter.component.mjs +3 -3
- package/esm2022/filtering/operators/after-eq-filter-operator.component.mjs +27 -1
- package/esm2022/filtering/operators/after-filter-operator.component.mjs +27 -1
- package/esm2022/filtering/operators/before-eq-filter-operator.component.mjs +27 -1
- package/esm2022/filtering/operators/before-filter-operator.component.mjs +27 -1
- package/esm2022/filtering/operators/contains-filter-operator.component.mjs +28 -1
- package/esm2022/filtering/operators/ends-with-filter-operator.component.mjs +28 -1
- package/esm2022/filtering/operators/eq-filter-operator.component.mjs +76 -1
- package/esm2022/filtering/operators/filter-operator.base.mjs +1 -1
- package/esm2022/filtering/operators/gt-filter-operator.component.mjs +28 -2
- package/esm2022/filtering/operators/gte-filter-operator.component.mjs +27 -1
- package/esm2022/filtering/operators/is-empty-filter-operator.component.mjs +28 -1
- package/esm2022/filtering/operators/is-not-empty-filter-operator.component.mjs +28 -1
- package/esm2022/filtering/operators/is-not-null-filter-operator.component.mjs +76 -1
- package/esm2022/filtering/operators/isnull-filter-operator.component.mjs +76 -1
- package/esm2022/filtering/operators/lt-filter-operator.component.mjs +27 -1
- package/esm2022/filtering/operators/lte-filter-operator.component.mjs +28 -2
- package/esm2022/filtering/operators/neq-filter-operator.component.mjs +76 -1
- package/esm2022/filtering/operators/not-contains-filter-operator.component.mjs +28 -1
- package/esm2022/filtering/operators/starts-with-filter-operator.component.mjs +28 -1
- package/esm2022/filtering/string-filter.component.mjs +1 -1
- package/esm2022/localization/custom-messages.component.mjs +11 -2
- package/esm2022/navigation/focusable.directive.mjs +4 -4
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/pdf/pdf-command-tool.directive.mjs +11 -9
- package/esm2022/pdf/pdf-command.directive.mjs +2 -2
- package/esm2022/pdf/pdf-export-event.mjs +3 -1
- package/esm2022/pdf/pdf-margin.component.mjs +10 -5
- package/esm2022/pdf/pdf-template.directive.mjs +2 -2
- package/esm2022/pdf/pdf.component.mjs +12 -2
- package/esm2022/pdf/pdf.module.mjs +6 -6
- package/esm2022/rendering/cell-template.directive.mjs +8 -9
- package/esm2022/rendering/common/spacer.component.mjs +16 -5
- package/esm2022/rendering/footer-template.directive.mjs +10 -12
- package/esm2022/rendering/header/header-template.directive.mjs +4 -4
- package/esm2022/rendering/no-records-template.directive.mjs +2 -2
- package/esm2022/rendering/toolbar/toolbar-focusable.directive.mjs +13 -2
- package/esm2022/rendering/toolbar/toolbar-template.directive.mjs +4 -6
- package/esm2022/selection/selectable.directive.mjs +12 -0
- package/esm2022/selection/selection-change-event.mjs +1 -1
- package/esm2022/treelist.component.mjs +145 -109
- package/esm2022/treelist.module.mjs +6 -8
- package/esm2022/utils.mjs +1 -1
- package/excel/excel-command-tool.directive.d.ts +9 -11
- package/excel/excel-command.directive.d.ts +3 -7
- package/excel/excel-export-data.interface.d.ts +4 -4
- package/excel/excel.component.d.ts +22 -16
- package/excel/excel.module.d.ts +2 -2
- package/expand-state/expand-event.d.ts +3 -3
- package/expand-state/expandable-tree-component.d.ts +4 -6
- package/expand-state/expandable.directive.d.ts +8 -5
- package/fesm2022/progress-kendo-angular-treelist.mjs +1470 -574
- package/filtering/base-filter-cell.component.d.ts +3 -1
- package/filtering/cell/boolean-filter-cell.component.d.ts +1 -0
- package/filtering/cell/date-filter-cell.component.d.ts +5 -3
- package/filtering/cell/filter-cell-operators.component.d.ts +2 -1
- package/filtering/cell/filter-cell-template.directive.d.ts +18 -3
- package/filtering/cell/numeric-filter-cell.component.d.ts +7 -5
- package/filtering/cell/string-filter-cell.component.d.ts +7 -7
- package/filtering/date-filter.component.d.ts +8 -3
- package/filtering/filter.service.d.ts +2 -4
- package/filtering/filterable.d.ts +3 -2
- package/filtering/menu/boolean-filter-menu.component.d.ts +3 -3
- package/filtering/menu/date-filter-menu.component.d.ts +6 -3
- package/filtering/menu/filter-menu-template.directive.d.ts +18 -2
- package/filtering/menu/numeric-filter-menu.component.d.ts +9 -5
- package/filtering/menu/string-filter-menu.component.d.ts +6 -4
- package/filtering/numeric-filter.component.d.ts +3 -3
- package/filtering/operators/after-eq-filter-operator.component.d.ts +27 -1
- package/filtering/operators/after-filter-operator.component.d.ts +27 -1
- package/filtering/operators/before-eq-filter-operator.component.d.ts +27 -1
- package/filtering/operators/before-filter-operator.component.d.ts +27 -1
- package/filtering/operators/contains-filter-operator.component.d.ts +28 -1
- package/filtering/operators/ends-with-filter-operator.component.d.ts +28 -1
- package/filtering/operators/eq-filter-operator.component.d.ts +76 -1
- package/filtering/operators/filter-operator.base.d.ts +1 -1
- package/filtering/operators/gt-filter-operator.component.d.ts +30 -0
- package/filtering/operators/gte-filter-operator.component.d.ts +27 -1
- package/filtering/operators/is-empty-filter-operator.component.d.ts +28 -1
- package/filtering/operators/is-not-empty-filter-operator.component.d.ts +28 -1
- package/filtering/operators/is-not-null-filter-operator.component.d.ts +76 -1
- package/filtering/operators/isnull-filter-operator.component.d.ts +76 -1
- package/filtering/operators/lt-filter-operator.component.d.ts +27 -1
- package/filtering/operators/lte-filter-operator.component.d.ts +30 -0
- package/filtering/operators/neq-filter-operator.component.d.ts +76 -1
- package/filtering/operators/not-contains-filter-operator.component.d.ts +28 -1
- package/filtering/operators/starts-with-filter-operator.component.d.ts +28 -1
- package/filtering/string-filter.component.d.ts +1 -1
- package/localization/custom-messages.component.d.ts +11 -2
- package/navigation/focusable-element.interface.d.ts +7 -11
- package/navigation/focusable.directive.d.ts +4 -4
- package/navigation/navigation-cell.interface.d.ts +5 -5
- package/navigation/navigation-row.interface.d.ts +4 -5
- package/package.json +18 -18
- package/pdf/pdf-command-tool.directive.d.ts +11 -9
- package/pdf/pdf-command.directive.d.ts +2 -2
- package/pdf/pdf-export-event.d.ts +3 -1
- package/pdf/pdf-margin.component.d.ts +10 -5
- package/pdf/pdf-margin.interface.d.ts +1 -1
- package/pdf/pdf-template.directive.d.ts +2 -2
- package/pdf/pdf.component.d.ts +12 -2
- package/pdf/pdf.module.d.ts +6 -6
- package/rendering/cell-template.directive.d.ts +8 -9
- package/rendering/common/row-class.d.ts +4 -7
- package/rendering/common/spacer.component.d.ts +16 -5
- package/rendering/footer-template.directive.d.ts +10 -12
- package/rendering/header/header-template.directive.d.ts +4 -4
- package/rendering/no-records-template.directive.d.ts +2 -2
- package/rendering/toolbar/toolbar-focusable.directive.d.ts +13 -2
- package/rendering/toolbar/toolbar-template.directive.d.ts +4 -6
- package/row-reordering/types.d.ts +4 -1
- package/schematics/ngAdd/index.js +3 -3
- package/scrolling/content-scroll-event.d.ts +2 -0
- package/scrolling/scroll-bottom-event.d.ts +2 -0
- package/scrolling/scroll-request.service.d.ts +3 -3
- package/scrolling/scrollmode.d.ts +3 -3
- package/selection/is-selected.d.ts +5 -4
- package/selection/selectable-settings.d.ts +6 -6
- package/selection/selectable.directive.d.ts +12 -0
- package/selection/selection-change-event.d.ts +2 -2
- package/treelist.component.d.ts +143 -107
- package/treelist.module.d.ts +6 -8
package/treelist.component.d.ts
CHANGED
@@ -69,12 +69,39 @@ import { PagerSettings } from './common/pager-settings';
|
|
69
69
|
import * as i0 from "@angular/core";
|
70
70
|
/**
|
71
71
|
* Represents the Kendo UI TreeList component for Angular.
|
72
|
+
* Use this component to display and manage hierarchical data in a tabular format.
|
72
73
|
*
|
73
74
|
* @example
|
74
75
|
* ```html
|
75
|
-
* <kendo-treelist
|
76
|
+
* <kendo-treelist
|
77
|
+
* [kendoTreeListFlatBinding]="data"
|
78
|
+
* [pageSize]="10"
|
79
|
+
* [pageable]="true">
|
80
|
+
* </kendo-treelist>
|
76
81
|
* ```
|
77
82
|
*
|
83
|
+
* @remarks
|
84
|
+
* Supported children components are:
|
85
|
+
* {@link CheckboxColumnComponent},
|
86
|
+
* {@link ColumnChooserComponent},
|
87
|
+
* {@link ColumnComponent},
|
88
|
+
* {@link ColumnGroupComponent},
|
89
|
+
* {@link ColumnMenuAutoSizeAllColumnsComponent},
|
90
|
+
* {@link ColumnMenuAutoSizeColumnComponent},
|
91
|
+
* {@link ColumnMenuChooserComponent},
|
92
|
+
* {@link ColumnMenuComponent},
|
93
|
+
* {@link ColumnMenuFilterComponent},
|
94
|
+
* {@link ColumnMenuItemComponent},
|
95
|
+
* {@link ColumnMenuLockComponent},
|
96
|
+
* {@link ColumnMenuSortComponent},
|
97
|
+
* {@link CommandColumnComponent},
|
98
|
+
* {@link CustomMessagesComponent},
|
99
|
+
* {@link ExcelComponent},
|
100
|
+
* {@link TreeListSpacerComponent},
|
101
|
+
* {@link PDFComponent},
|
102
|
+
* {@link RowReorderColumnComponent},
|
103
|
+
* {@link SpanColumnComponent},
|
104
|
+
* {@link ToolBarComponent}.
|
78
105
|
*/
|
79
106
|
export declare class TreeListComponent implements AfterContentInit, AfterViewInit, OnDestroy, OnChanges, OnInit {
|
80
107
|
private supportService;
|
@@ -103,63 +130,64 @@ export declare class TreeListComponent implements AfterContentInit, AfterViewIni
|
|
103
130
|
private ctx;
|
104
131
|
private rowReorderService;
|
105
132
|
/**
|
106
|
-
*
|
133
|
+
* Provides an accessible description of the component.
|
107
134
|
*/
|
108
135
|
ariaLabel: string;
|
109
136
|
/**
|
110
|
-
* Sets the data
|
137
|
+
* Sets the data for the TreeList. When you provide an array, the TreeList gets the total count automatically
|
111
138
|
* ([more information and example]({% slug databinding_treelist %})).
|
112
139
|
*/
|
113
140
|
set data(value: Array<any> | TreeListDataResult | Observable<any> | null | undefined);
|
114
141
|
get data(): Array<any> | TreeListDataResult | Observable<any> | null | undefined;
|
115
142
|
/**
|
116
|
-
*
|
143
|
+
* Sets the page size for the TreeList when [paging]({% slug paging_treelist %}) is enabled.
|
117
144
|
*
|
118
145
|
* @default 10
|
119
146
|
*/
|
120
147
|
pageSize: number;
|
121
148
|
/**
|
122
|
-
*
|
123
|
-
*
|
149
|
+
* Sets the height in pixels for the TreeList when you set the `scrollable` option.
|
150
|
+
* You can also use `style.height` to set the height. The `style.height`
|
124
151
|
* option supports units such as `px`, `%`, `em`, `rem`, and others.
|
125
152
|
*/
|
126
153
|
height: number;
|
127
154
|
/**
|
128
|
-
*
|
129
|
-
*
|
130
|
-
* Set the `rowHeight` option to the exact
|
155
|
+
* Sets the actual height of each TreeList row (`tr`) element in the DOM.
|
156
|
+
* The [virtual scrolling functionality]({% slug scrollmmodes_treelist %}) requires this setting.
|
157
|
+
* Set the `rowHeight` option to match the exact pixel height of the `tr` element in the DOM.
|
131
158
|
*/
|
132
159
|
rowHeight: number;
|
133
160
|
/**
|
134
|
-
*
|
135
|
-
*
|
161
|
+
* Sets the number of records that the pager skips.
|
162
|
+
* The [paging]({% slug paging_treelist %}) functionality requires this setting.
|
136
163
|
*/
|
137
164
|
get skip(): number | null | undefined;
|
138
165
|
set skip(value: number | null | undefined);
|
139
166
|
/**
|
140
|
-
*
|
167
|
+
* Sets the scroll mode for the TreeList.
|
168
|
+
*
|
141
169
|
* @default 'scrollable'
|
142
170
|
*/
|
143
171
|
scrollable: ScrollMode;
|
144
172
|
/**
|
145
|
-
*
|
173
|
+
* Sets the descriptors for sorting the data ([see example]({% slug sorting_treelist %})).
|
146
174
|
*/
|
147
175
|
set sort(value: Array<SortDescriptor> | null | undefined);
|
148
176
|
get sort(): Array<SortDescriptor> | null | undefined;
|
149
177
|
/**
|
150
|
-
*
|
178
|
+
* Sets a function that defines how to track changes for the data rows.
|
151
179
|
*
|
152
180
|
* By default, the TreeList tracks changes by the index of the data item.
|
153
|
-
*
|
154
|
-
*
|
181
|
+
* The TreeList tracks edited rows by reference.
|
155
182
|
*/
|
156
183
|
trackBy: TrackByFunction<TreeListItem>;
|
157
184
|
/**
|
158
|
-
*
|
185
|
+
* Sets the descriptor for filtering the data ([see examples]({% slug filtering_treelist %})).
|
159
186
|
*/
|
160
187
|
filter: CompositeFilterDescriptor | null | undefined;
|
161
188
|
/**
|
162
|
-
*
|
189
|
+
* When set to `true`, the TreeList renders only the columns in the current viewport.
|
190
|
+
*
|
163
191
|
* @default false
|
164
192
|
*/
|
165
193
|
virtualColumns: boolean;
|
@@ -187,38 +215,42 @@ export declare class TreeListComponent implements AfterContentInit, AfterViewIni
|
|
187
215
|
set showPagerItemsText(value: boolean);
|
188
216
|
get marqueeSelection(): boolean;
|
189
217
|
/**
|
190
|
-
* Enables the [filtering]({% slug filtering_treelist %}) of
|
218
|
+
* Enables the [filtering]({% slug filtering_treelist %}) of TreeList columns that have their `field` option set.
|
219
|
+
*
|
220
|
+
* @default false
|
191
221
|
*/
|
192
222
|
filterable: FilterableSettings;
|
193
223
|
/**
|
194
|
-
* Enables the [sorting]({% slug sorting_treelist %}) of
|
224
|
+
* Enables the [sorting]({% slug sorting_treelist %}) of TreeList columns that have their `field` option set.
|
225
|
+
*
|
226
|
+
* @default false
|
195
227
|
*/
|
196
228
|
sortable: SortSettings;
|
197
229
|
/**
|
198
|
-
* Configures the pager
|
230
|
+
* Configures the pager for the TreeList ([see example]({% slug paging_treelist %})).
|
199
231
|
*
|
232
|
+
* @default false
|
200
233
|
*/
|
201
234
|
pageable: PagerSettings | boolean;
|
202
235
|
get normalizedPageableSettings(): any;
|
203
236
|
/**
|
204
|
-
* When
|
205
|
-
* By default, navigation is enabled. To disable it
|
237
|
+
* When keyboard navigation is enabled, you can use dedicated shortcuts to interact with the TreeList.
|
238
|
+
* By default, navigation is enabled. To disable it and include the TreeList content in the normal tab sequence, set this property to `false`.
|
239
|
+
*
|
206
240
|
* @default true
|
207
241
|
*/
|
208
242
|
navigable: boolean;
|
209
243
|
/**
|
210
|
-
*
|
211
|
-
* they fit their headers and row content. Defaults to `false`.
|
244
|
+
* Determines whether TreeList columns resize during initialization to fit their headers and row content.
|
212
245
|
* Columns with `autoSize` set to `false` are excluded.
|
213
|
-
* To dynamically update the column width to match
|
246
|
+
* To dynamically update the column width to match new content,
|
214
247
|
* refer to [this example]({% slug resizing_columns_treelist %}).
|
215
248
|
*
|
216
249
|
* @default false
|
217
250
|
*/
|
218
251
|
autoSize: boolean;
|
219
252
|
/**
|
220
|
-
*
|
221
|
-
*
|
253
|
+
* A function executed for every data row in the component. It should return a string that will be used as a CSS class for the row.
|
222
254
|
*/
|
223
255
|
set rowClass(fn: RowClassFn);
|
224
256
|
get rowClass(): RowClassFn;
|
@@ -227,37 +259,37 @@ export declare class TreeListComponent implements AfterContentInit, AfterViewIni
|
|
227
259
|
*/
|
228
260
|
get activeCell(): NavigationCell;
|
229
261
|
/**
|
230
|
-
*
|
262
|
+
* Gets the currently focused row (if any).
|
231
263
|
*/
|
232
264
|
get activeRow(): NavigationRow;
|
233
265
|
/**
|
234
|
-
*
|
266
|
+
* When set to `true`, you can resize columns by dragging the edges (resize handles) of their header cells
|
235
267
|
* ([see example]({% slug resizing_columns_treelist %})).
|
236
268
|
*
|
237
269
|
* @default false
|
238
270
|
*/
|
239
271
|
resizable: boolean;
|
240
272
|
/**
|
241
|
-
*
|
273
|
+
* When set to `true`, you can reorder columns by dragging their header cells
|
242
274
|
* ([see example]({% slug reordering_columns_treelist %})).
|
243
275
|
*
|
244
276
|
* @default false
|
245
277
|
*/
|
246
278
|
reorderable: boolean;
|
247
279
|
/**
|
248
|
-
*
|
280
|
+
* Determines whether the TreeList displays the loading indicator ([see example]({% slug databinding_treelist %})).
|
249
281
|
*
|
250
282
|
* @default false
|
251
283
|
*/
|
252
284
|
loading: boolean;
|
253
285
|
/**
|
254
|
-
*
|
286
|
+
* Determines whether the column menu of the columns displays ([see example]({% slug columnmenu_treelist %})).
|
255
287
|
*
|
256
288
|
* @default false
|
257
289
|
*/
|
258
290
|
columnMenu: boolean | ColumnMenuSettings;
|
259
291
|
/**
|
260
|
-
*
|
292
|
+
* Determines whether the TreeList hides the header. The header is visible by default.
|
261
293
|
*
|
262
294
|
* The header includes column headers and the [filter row](slug:filter_row_treelist).
|
263
295
|
*
|
@@ -265,122 +297,123 @@ export declare class TreeListComponent implements AfterContentInit, AfterViewIni
|
|
265
297
|
*/
|
266
298
|
hideHeader: boolean;
|
267
299
|
/**
|
268
|
-
*
|
300
|
+
* Sets the name of the field that contains the unique identifier of the node.
|
269
301
|
*
|
270
302
|
* @default "id"
|
271
303
|
*/
|
272
304
|
set idField(value: string);
|
273
305
|
/**
|
274
|
-
*
|
306
|
+
* Sets the TreeList selection settings.
|
275
307
|
*/
|
276
308
|
set selectable(value: boolean | SelectableSettings);
|
277
309
|
/**
|
278
|
-
*
|
310
|
+
* Sets a callback that determines if the given row or cell is selected.
|
279
311
|
*/
|
280
312
|
set isSelected(value: IsSelectedFn);
|
281
313
|
/**
|
282
314
|
* Enables the [row reordering]({% slug treelist_row_reordering %}) of the TreeList.
|
315
|
+
*
|
283
316
|
* @default false
|
284
317
|
*/
|
285
318
|
set rowReorderable(value: boolean);
|
286
319
|
get rowReorderable(): boolean;
|
287
320
|
/**
|
288
|
-
* Fires when the TreeList selection
|
321
|
+
* Fires when the TreeList selection changes.
|
289
322
|
*/
|
290
323
|
selectionChange: EventEmitter<SelectionChangeEvent>;
|
291
324
|
/**
|
292
|
-
* Fires when the TreeList filter
|
293
|
-
* You have to handle the event
|
325
|
+
* Fires when you modify the TreeList filter through the UI.
|
326
|
+
* You have to handle the event and filter the data.
|
294
327
|
*/
|
295
328
|
filterChange: EventEmitter<CompositeFilterDescriptor>;
|
296
329
|
/**
|
297
|
-
* Fires when the page of the TreeList
|
298
|
-
* You have to handle the event
|
330
|
+
* Fires when the page of the TreeList changes ([see example]({% slug paging_treelist %})).
|
331
|
+
* You have to handle the event and page the data.
|
299
332
|
*/
|
300
333
|
pageChange: EventEmitter<PageChangeEvent>;
|
301
334
|
/**
|
302
|
-
* Fires when the sorting of the TreeList
|
303
|
-
* You have to handle the event
|
335
|
+
* Fires when the sorting of the TreeList changes ([see example]({% slug sorting_treelist %})).
|
336
|
+
* You have to handle the event and sort the data.
|
304
337
|
*/
|
305
338
|
sortChange: EventEmitter<Array<SortDescriptor>>;
|
306
339
|
/**
|
307
|
-
* Fires when the data state of the TreeList
|
340
|
+
* Fires when the data state of the TreeList changes.
|
308
341
|
*/
|
309
342
|
dataStateChange: EventEmitter<DataStateChangeEvent>;
|
310
343
|
/**
|
311
|
-
* Fires when
|
344
|
+
* Fires when you click the **Edit** command button to edit a row
|
312
345
|
* ([see example]({% slug editing_template_forms_treelist %}#toc-editing-records)).
|
313
346
|
*/
|
314
347
|
edit: EventEmitter<EditEvent>;
|
315
348
|
/**
|
316
|
-
* Fires when
|
349
|
+
* Fires when you click the **Cancel** command button to close a row
|
317
350
|
* ([see example]({% slug editing_template_forms_treelist %}#toc-cancelling-editing)).
|
318
351
|
*/
|
319
352
|
cancel: EventEmitter<CancelEvent>;
|
320
353
|
/**
|
321
|
-
* Fires when
|
354
|
+
* Fires when you click the **Save** command button to save changes in a row
|
322
355
|
* ([see example]({% slug editing_template_forms_treelist %}#toc-saving-records)).
|
323
356
|
*/
|
324
357
|
save: EventEmitter<SaveEvent>;
|
325
358
|
/**
|
326
|
-
* Fires when
|
359
|
+
* Fires when you click the **Remove** command button to remove a row
|
327
360
|
* ([see example]({% slug editing_template_forms_treelist %}#toc-removing-records)).
|
328
361
|
*/
|
329
362
|
remove: EventEmitter<RemoveEvent>;
|
330
363
|
/**
|
331
|
-
* Fires when
|
364
|
+
* Fires when you click the **Add** command button to add a new row
|
332
365
|
* ([see example]({% slug editing_template_forms_treelist %}#toc-adding-records)).
|
333
366
|
*/
|
334
367
|
add: EventEmitter<AddEvent>;
|
335
368
|
/**
|
336
|
-
* Fires when
|
369
|
+
* Fires when you leave an edited cell ([see example]({% slug editing_incell_treelist %}#toc-basic-concepts)).
|
337
370
|
*/
|
338
371
|
cellClose: EventEmitter<CellCloseEvent>;
|
339
372
|
/**
|
340
|
-
* Fires when
|
373
|
+
* Fires when you click a cell ([see example]({% slug editing_incell_treelist %}#toc-basic-concepts)).
|
341
374
|
*/
|
342
375
|
cellClick: EventEmitter<CellClickEvent>;
|
343
376
|
/**
|
344
|
-
* Fires when
|
377
|
+
* Fires when you click the **Export to PDF** command button.
|
345
378
|
*/
|
346
379
|
pdfExport: EventEmitter<PDFExportEvent>;
|
347
380
|
/**
|
348
|
-
* Fires when
|
381
|
+
* Fires when you click the **Export to Excel** command button.
|
349
382
|
*/
|
350
383
|
excelExport: EventEmitter<ExcelExportEvent>;
|
351
384
|
/**
|
352
|
-
* Fires when
|
385
|
+
* Fires when you complete the resizing of the column.
|
353
386
|
*/
|
354
387
|
columnResize: EventEmitter<Array<ColumnResizeArgs>>;
|
355
388
|
/**
|
356
|
-
* Fires when
|
389
|
+
* Fires when you complete the reordering of the column.
|
357
390
|
*/
|
358
391
|
columnReorder: EventEmitter<ColumnReorderEvent>;
|
359
392
|
/**
|
360
|
-
* Fires when
|
393
|
+
* Fires when you change the visibility of the columns from the column menu or column chooser.
|
361
394
|
*/
|
362
395
|
columnVisibilityChange: EventEmitter<ColumnVisibilityChangeEvent>;
|
363
396
|
/**
|
364
|
-
* Fires when
|
397
|
+
* Fires when you change the locked state of the columns from the column menu or by reordering the columns.
|
365
398
|
*/
|
366
399
|
columnLockedChange: EventEmitter<ColumnLockedChangeEvent>;
|
367
400
|
/**
|
368
|
-
* Fires when
|
401
|
+
* Fires when you scroll to the last record on the page and enables endless scrolling
|
369
402
|
* ([see example]({% slug scrollmmodes_treelist %}#toc-endless-scrolling)).
|
370
|
-
* You have to handle the event
|
403
|
+
* You have to handle the event and page the data.
|
371
404
|
*/
|
372
405
|
scrollBottom: EventEmitter<ScrollBottomEvent>;
|
373
406
|
/**
|
374
|
-
* Fires when the
|
375
|
-
* For performance reasons, the event
|
407
|
+
* Fires when the TreeList content scrolls.
|
408
|
+
* For performance reasons, the event triggers outside the Angular zone. Enter the Angular zone if you make any changes that require change detection.
|
376
409
|
*/
|
377
410
|
contentScroll: EventEmitter<ContentScrollEvent>;
|
378
411
|
/**
|
379
|
-
* Fires when an item
|
412
|
+
* Fires when an item expands.
|
380
413
|
*/
|
381
414
|
expandEvent: EventEmitter<ExpandEvent>;
|
382
415
|
/**
|
383
|
-
* Fires when an item
|
416
|
+
* Fires when an item collapses.
|
384
417
|
*/
|
385
418
|
collapseEvent: EventEmitter<ExpandEvent>;
|
386
419
|
/**
|
@@ -391,7 +424,7 @@ export declare class TreeListComponent implements AfterContentInit, AfterViewIni
|
|
391
424
|
*/
|
392
425
|
expandStateChange: EventEmitter<ExpandEvent>;
|
393
426
|
/**
|
394
|
-
* Fires when
|
427
|
+
* Fires when you drop the dragged row and reordering occurs.
|
395
428
|
* Emits the [RowReorderEvent]({% slug api_treelist_rowreorderevent %}).
|
396
429
|
*/
|
397
430
|
rowReorder: EventEmitter<RowReorderEvent>;
|
@@ -456,17 +489,17 @@ export declare class TreeListComponent implements AfterContentInit, AfterViewIni
|
|
456
489
|
get columnMenuTemplate(): TemplateRef<any>;
|
457
490
|
get totalCount(): number;
|
458
491
|
/**
|
459
|
-
*
|
492
|
+
* Sets or gets the callback function that retrieves the child nodes for a particular node.
|
460
493
|
*/
|
461
494
|
set fetchChildren(value: (node: any) => Observable<any[]> | any[]);
|
462
495
|
get fetchChildren(): (node: any) => Observable<any[]> | any[];
|
463
496
|
/**
|
464
|
-
*
|
497
|
+
* Sets or gets the callback function that determines if a particular node has child nodes.
|
465
498
|
*/
|
466
499
|
set hasChildren(value: (node: any) => boolean);
|
467
500
|
get hasChildren(): (node: any) => boolean;
|
468
501
|
/**
|
469
|
-
* Sets the callback function that
|
502
|
+
* Sets the callback function that determines if a particular item is expanded.
|
470
503
|
*/
|
471
504
|
set isExpanded(value: (node: any) => boolean);
|
472
505
|
idGetter: any;
|
@@ -543,12 +576,14 @@ export declare class TreeListComponent implements AfterContentInit, AfterViewIni
|
|
543
576
|
*/
|
544
577
|
attachScrollSync(): void;
|
545
578
|
/**
|
546
|
-
* Switches the specified table row
|
579
|
+
* Switches the specified table row to edit mode ([see example]({% slug editing_template_forms_treelist %}#toc-editing-records)).
|
547
580
|
*
|
548
|
-
* @param dataItem
|
581
|
+
* @param dataItem The data item that you will edit.
|
549
582
|
* @param group - The [`FormGroup`](link:site.data.urls.angular['formgroupapi'])
|
550
583
|
* that describes the edit form.
|
551
|
-
* @param options
|
584
|
+
* @param options Additional options. Use `skipFocus` to determine if the edit element of the row should receive focus.
|
585
|
+
*
|
586
|
+
* @default false
|
552
587
|
*/
|
553
588
|
editRow(dataItem: any, group?: any, options?: {
|
554
589
|
[skipFocus: string]: boolean;
|
@@ -556,23 +591,23 @@ export declare class TreeListComponent implements AfterContentInit, AfterViewIni
|
|
556
591
|
/**
|
557
592
|
* Closes the editor for a given row ([see example]({% slug editing_template_forms_treelist %}#toc-cancelling-editing)).
|
558
593
|
*
|
559
|
-
* @param
|
560
|
-
* @param
|
594
|
+
* @param dataItem The data item that you will switch out of edit mode.
|
595
|
+
* @param isNew Determines whether the data item is new.
|
561
596
|
*/
|
562
597
|
closeRow(dataItem: any, isNew: boolean): void;
|
563
598
|
/**
|
564
599
|
* Creates a new row editor ([see example]({% slug editing_template_forms_treelist %}#toc-adding-records)).
|
565
600
|
*
|
566
|
-
* @param
|
567
|
-
* the edit form. If called with a data item, it
|
601
|
+
* @param group The [`FormGroup`](link:site.data.urls.angular['formgroupapi']) that describes
|
602
|
+
* the edit form. If called with a data item, it builds the `FormGroup` from the data item fields.
|
568
603
|
*/
|
569
604
|
addRow(group: any, parent?: any): void;
|
570
605
|
/**
|
571
|
-
* Puts the cell that
|
606
|
+
* Puts the cell that you specify by the table row and column in edit mode.
|
572
607
|
*
|
573
|
-
* @param
|
574
|
-
* @param
|
575
|
-
* @param
|
608
|
+
* @param dataItem The data item that you will edit.
|
609
|
+
* @param column The leaf column index, or the field name or the column instance that should be edited.
|
610
|
+
* @param group The [`FormGroup`](link:site.data.urls.angular['formgroupapi'])
|
576
611
|
* that describes the edit form.
|
577
612
|
*/
|
578
613
|
editCell(dataItem: any, column: number | string | any, group?: any): void;
|
@@ -580,9 +615,8 @@ export declare class TreeListComponent implements AfterContentInit, AfterViewIni
|
|
580
615
|
* Closes the current cell in edit mode and fires
|
581
616
|
* the [`cellClose`]({% slug api_treelist_treelistcomponent %}#toc-cellclose) event.
|
582
617
|
*
|
583
|
-
* @return
|
584
|
-
* A `false` value indicates that the
|
585
|
-
* [`cellClose`]({% slug api_treelist_treelistcomponent %}#toc-cellclose) event was prevented.
|
618
|
+
* @return {boolean} A Boolean value that indicates whether the edited cell closed.
|
619
|
+
* A `false` value indicates that the [`cellClose`]({% slug api_treelist_treelistcomponent %}#toc-cellclose) event was prevented.
|
586
620
|
*/
|
587
621
|
closeCell(): boolean;
|
588
622
|
/**
|
@@ -590,44 +624,43 @@ export declare class TreeListComponent implements AfterContentInit, AfterViewIni
|
|
590
624
|
*/
|
591
625
|
cancelCell(): void;
|
592
626
|
/**
|
593
|
-
*
|
627
|
+
* Gets a flag that indicates if a row or a cell is currently edited.
|
594
628
|
*
|
595
|
-
* @return {boolean} A flag
|
629
|
+
* @return {boolean} A Boolean flag that indicates if a row or a cell is currently edited.
|
596
630
|
*/
|
597
631
|
isEditing(): boolean;
|
598
632
|
/**
|
599
|
-
*
|
633
|
+
* Gets a flag that indicates if a cell is currently edited.
|
600
634
|
*
|
601
|
-
* @return {boolean} A flag
|
635
|
+
* @return {boolean} A Boolean flag that indicates if a cell is currently being edited.
|
602
636
|
*/
|
603
637
|
isEditingCell(): boolean;
|
604
638
|
/**
|
605
|
-
*
|
639
|
+
* Starts the PDF export ([see example]({% slug pdfexport_treelist %})).
|
606
640
|
*/
|
607
641
|
saveAsPDF(): void;
|
608
642
|
/**
|
609
643
|
* Exports the TreeList element to a Drawing [`Group`]({% slug api_kendo-drawing_group %}) by using the `kendo-treelist-pdf` component options.
|
610
644
|
* ([see example]({% slug pdfexport_treelist %}#toc-exporting-multiple-treelists-to-the-same-pdf)).
|
611
645
|
*
|
612
|
-
* @return {Promise} A promise that
|
646
|
+
* @return {Promise} A promise that resolves with the Drawing `Group`.
|
613
647
|
*/
|
614
648
|
drawPDF(): Promise<any>;
|
615
649
|
/**
|
616
|
-
*
|
650
|
+
* Starts the Excel export ([see example]({% slug excelexport_treelist %})).
|
617
651
|
*/
|
618
652
|
saveAsExcel(): void;
|
619
653
|
/**
|
620
654
|
* Applies the minimum possible width for the specified column,
|
621
655
|
* so that the whole text fits without wrapping. This method expects the TreeList
|
622
656
|
* to be resizable (set `resizable` to `true`).
|
623
|
-
*
|
657
|
+
* Execute this method only
|
624
658
|
* after the TreeList is already populated with data. [See example](slug:resizing_columns_treelist#toc-auto-fitting-the-content).
|
625
|
-
*
|
626
659
|
*/
|
627
660
|
autoFitColumn(column: ColumnBase): void;
|
628
661
|
/**
|
629
662
|
* Adjusts the width of the specified columns to fit the entire content, including headers, without wrapping.
|
630
|
-
* If
|
663
|
+
* If you do not specify columns, `autoFitColumns` applies to all columns.
|
631
664
|
*
|
632
665
|
* This method requires the TreeList to be resizable (set `resizable` to `true`).
|
633
666
|
* [See example](slug:resizing_columns_treelist#toc-auto-fitting-the-content).
|
@@ -666,8 +699,8 @@ export declare class TreeListComponent implements AfterContentInit, AfterViewIni
|
|
666
699
|
* The row indexing is absolute and does not change with paging.
|
667
700
|
* Header rows are included, starting at index 0.
|
668
701
|
*
|
669
|
-
* If the TreeList is configured for scrolling, including virtual scrolling, the scroll position
|
670
|
-
* If the row is not present on the current page, the method
|
702
|
+
* If the TreeList is configured for scrolling, including virtual scrolling, the scroll position updates.
|
703
|
+
* If the row is not present on the current page, the method has no effect.
|
671
704
|
*
|
672
705
|
* @param rowIndex - The logical row index to focus. The top header row has an index 0.
|
673
706
|
* @param colIndex - The column index to focus.
|
@@ -678,36 +711,39 @@ export declare class TreeListComponent implements AfterContentInit, AfterViewIni
|
|
678
711
|
/**
|
679
712
|
* Focuses the next cell, optionally wrapping to the next row.
|
680
713
|
*
|
681
|
-
* @param wrap
|
682
|
-
* @
|
714
|
+
* @param wrap A Boolean value that indicates if the focus moves to the next row.
|
715
|
+
* @return {NavigationCell} The focused cell. If the focus is already on the last cell, returns `null`.
|
716
|
+
*
|
717
|
+
* @default true
|
683
718
|
*/
|
684
719
|
focusNextCell(wrap?: boolean): NavigationCell;
|
685
720
|
/**
|
686
721
|
* Focuses the previous cell. Optionally wraps to the previous row.
|
687
722
|
*
|
688
|
-
* @param wrap
|
689
|
-
* @
|
723
|
+
* @param wrap A Boolean value that indicates if the focus moves to the next row.
|
724
|
+
* @return {NavigationCell} The focused cell. If the focus is already on the first cell, returns `null`.
|
725
|
+
*
|
726
|
+
* @default true
|
690
727
|
*/
|
691
728
|
focusPrevCell(wrap?: boolean): NavigationCell;
|
692
729
|
/**
|
693
|
-
* Scrolls to the specified row and column
|
730
|
+
* Scrolls to the specified row and column.
|
694
731
|
*/
|
695
732
|
scrollTo(request: ScrollRequest): void;
|
696
733
|
/**
|
697
734
|
* Changes the position of the specified column.
|
698
735
|
* The reordering of columns operates only on the level
|
699
|
-
*
|
736
|
+
* that the source column infers.
|
700
737
|
* For the `reorderColumn` method to work properly,
|
701
738
|
* the `source` column has to be visible.
|
702
739
|
*
|
703
|
-
* @param
|
704
|
-
* @param
|
705
|
-
* @param
|
706
|
-
*
|
740
|
+
* @param source The column whose position you will change.
|
741
|
+
* @param destIndex The new position of the column.
|
742
|
+
* @param options Additional options.
|
707
743
|
*/
|
708
744
|
reorderColumn(source: ColumnBase, destIndex: number, options?: ColumnReorderConfig): void;
|
709
745
|
/**
|
710
|
-
* Clears the already loaded children for the
|
746
|
+
* Clears the already loaded children for the data item so that the TreeList fetches them again the next time it renders.
|
711
747
|
*/
|
712
748
|
reload(dataItem: any, reloadChildren?: boolean): void;
|
713
749
|
/**
|
@@ -719,11 +755,11 @@ export declare class TreeListComponent implements AfterContentInit, AfterViewIni
|
|
719
755
|
*/
|
720
756
|
updateView(): void;
|
721
757
|
/**
|
722
|
-
* Expands the row for the specified
|
758
|
+
* Expands the row for the specified data item.
|
723
759
|
*/
|
724
760
|
expand(dataItem: any): void;
|
725
761
|
/**
|
726
|
-
* Collapses the row for the specified
|
762
|
+
* Collapses the row for the specified data item.
|
727
763
|
*/
|
728
764
|
collapse(dataItem: any): void;
|
729
765
|
/**
|
package/treelist.module.d.ts
CHANGED
@@ -110,22 +110,20 @@ import * as i104 from "@progress/kendo-angular-toolbar";
|
|
110
110
|
import * as i105 from "@progress/kendo-angular-pager";
|
111
111
|
import * as i106 from "./column-resizing/table.directive";
|
112
112
|
/**
|
113
|
-
* Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
|
114
|
-
*
|
113
|
+
* Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) definition for the TreeList component.
|
114
|
+
* Use this module to enable TreeList features in your application.
|
115
115
|
*
|
116
116
|
* @example
|
117
|
-
*
|
118
117
|
* ```ts
|
119
118
|
* import { NgModule } from '@angular/core';
|
120
119
|
* import { BrowserModule } from "@angular/platform-browser";
|
121
120
|
* import { TreeListModule } from '@progress/kendo-angular-treelist';
|
122
|
-
*
|
123
121
|
* import { AppComponent } from './app.component';
|
124
122
|
*
|
125
|
-
*
|
126
|
-
*
|
127
|
-
*
|
128
|
-
*
|
123
|
+
* @NgModule({
|
124
|
+
* declarations: [AppComponent],
|
125
|
+
* imports: [BrowserModule, TreeListModule],
|
126
|
+
* bootstrap: [AppComponent]
|
129
127
|
* })
|
130
128
|
* export class AppModule {}
|
131
129
|
* ```
|