devextreme-angular
Version:
Angular UI and visualization components based on DevExtreme widgets
1,384 lines (1,308 loc) • 82.1 kB
JavaScript
import { __extends, __decorate, __metadata, __param } from 'tslib';
import { TransferState, BrowserTransferStateModule } from '@angular/platform-browser';
import { ElementRef, NgZone, Inject, PLATFORM_ID, Input, Output, EventEmitter, ContentChildren, QueryList, Component, NgModule } from '@angular/core';
import DxTreeList from 'devextreme/ui/tree_list';
import { DxTemplateHost, WatcherHelper, IterableDifferHelper, NestedOptionHost, DxComponent, DxIntegrationModule, DxTemplateModule } from 'devextreme-angular/core';
import { DxiColumnComponent, DxoColumnChooserModule, DxoColumnFixingModule, DxoTextsModule, DxiColumnModule, DxiButtonModule, DxoHeaderFilterModule, DxoLookupModule, DxoFormatModule, DxoFormItemModule, DxoLabelModule, DxiValidationRuleModule, DxoEditingModule, DxoFormModule, DxoColCountByScreenModule, DxiItemModule, DxoTabPanelOptionsModule, DxiTabModule, DxoButtonOptionsModule, DxoPopupModule, DxoAnimationModule, DxoHideModule, DxoShowModule, DxoPositionModule, DxoAtModule, DxoBoundaryOffsetModule, DxoCollisionModule, DxoMyModule, DxoOffsetModule, DxiToolbarItemModule, DxoFilterBuilderModule, DxiCustomOperationModule, DxiFieldModule, DxoFilterOperationDescriptionsModule, DxoGroupOperationDescriptionsModule, DxoFilterBuilderPopupModule, DxoFilterPanelModule, DxoFilterRowModule, DxoOperationDescriptionsModule, DxoKeyboardNavigationModule, DxoLoadPanelModule, DxoPagerModule, DxoPagingModule, DxoRemoteOperationsModule, DxoRowDraggingModule, DxoCursorOffsetModule, DxoScrollingModule, DxoSearchPanelModule, DxoSelectionModule, DxoSortingModule, DxoStateStoringModule } from 'devextreme-angular/ui/nested';
/*!
* devextreme-angular
* Version: 20.2.5
* Build date: Fri Jan 15 2021
*
* Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
*
* This software may be modified and distributed under the terms
* of the MIT license. See the LICENSE file in the root of the project for details.
*
* https://github.com/DevExpress/devextreme-angular
*/
/**
* The TreeList is a UI component that represents data from a local or remote source in the form of a multi-column tree view. This UI component offers such features as sorting, filtering, editing, selection, etc.
*/
var DxTreeListComponent = /** @class */ (function (_super) {
__extends(DxTreeListComponent, _super);
function DxTreeListComponent(elementRef, ngZone, templateHost, _watcherHelper, _idh, optionHost, transferState, platformId) {
var _this = _super.call(this, elementRef, ngZone, templateHost, _watcherHelper, transferState, platformId) || this;
_this._watcherHelper = _watcherHelper;
_this._idh = _idh;
_this._createEventEmitters([
{ subscribe: 'adaptiveDetailRowPreparing', emit: 'onAdaptiveDetailRowPreparing' },
{ subscribe: 'cellClick', emit: 'onCellClick' },
{ subscribe: 'cellDblClick', emit: 'onCellDblClick' },
{ subscribe: 'cellHoverChanged', emit: 'onCellHoverChanged' },
{ subscribe: 'cellPrepared', emit: 'onCellPrepared' },
{ subscribe: 'contentReady', emit: 'onContentReady' },
{ subscribe: 'contextMenuPreparing', emit: 'onContextMenuPreparing' },
{ subscribe: 'dataErrorOccurred', emit: 'onDataErrorOccurred' },
{ subscribe: 'disposing', emit: 'onDisposing' },
{ subscribe: 'editCanceled', emit: 'onEditCanceled' },
{ subscribe: 'editCanceling', emit: 'onEditCanceling' },
{ subscribe: 'editingStart', emit: 'onEditingStart' },
{ subscribe: 'editorPrepared', emit: 'onEditorPrepared' },
{ subscribe: 'editorPreparing', emit: 'onEditorPreparing' },
{ subscribe: 'focusedCellChanged', emit: 'onFocusedCellChanged' },
{ subscribe: 'focusedCellChanging', emit: 'onFocusedCellChanging' },
{ subscribe: 'focusedRowChanged', emit: 'onFocusedRowChanged' },
{ subscribe: 'focusedRowChanging', emit: 'onFocusedRowChanging' },
{ subscribe: 'initialized', emit: 'onInitialized' },
{ subscribe: 'initNewRow', emit: 'onInitNewRow' },
{ subscribe: 'keyDown', emit: 'onKeyDown' },
{ subscribe: 'nodesInitialized', emit: 'onNodesInitialized' },
{ subscribe: 'optionChanged', emit: 'onOptionChanged' },
{ subscribe: 'rowClick', emit: 'onRowClick' },
{ subscribe: 'rowCollapsed', emit: 'onRowCollapsed' },
{ subscribe: 'rowCollapsing', emit: 'onRowCollapsing' },
{ subscribe: 'rowDblClick', emit: 'onRowDblClick' },
{ subscribe: 'rowExpanded', emit: 'onRowExpanded' },
{ subscribe: 'rowExpanding', emit: 'onRowExpanding' },
{ subscribe: 'rowInserted', emit: 'onRowInserted' },
{ subscribe: 'rowInserting', emit: 'onRowInserting' },
{ subscribe: 'rowPrepared', emit: 'onRowPrepared' },
{ subscribe: 'rowRemoved', emit: 'onRowRemoved' },
{ subscribe: 'rowRemoving', emit: 'onRowRemoving' },
{ subscribe: 'rowUpdated', emit: 'onRowUpdated' },
{ subscribe: 'rowUpdating', emit: 'onRowUpdating' },
{ subscribe: 'rowValidating', emit: 'onRowValidating' },
{ subscribe: 'saved', emit: 'onSaved' },
{ subscribe: 'saving', emit: 'onSaving' },
{ subscribe: 'selectionChanged', emit: 'onSelectionChanged' },
{ subscribe: 'toolbarPreparing', emit: 'onToolbarPreparing' },
{ emit: 'accessKeyChange' },
{ emit: 'activeStateEnabledChange' },
{ emit: 'allowColumnReorderingChange' },
{ emit: 'allowColumnResizingChange' },
{ emit: 'autoExpandAllChange' },
{ emit: 'autoNavigateToFocusedRowChange' },
{ emit: 'cacheEnabledChange' },
{ emit: 'cellHintEnabledChange' },
{ emit: 'columnAutoWidthChange' },
{ emit: 'columnChooserChange' },
{ emit: 'columnFixingChange' },
{ emit: 'columnHidingEnabledChange' },
{ emit: 'columnMinWidthChange' },
{ emit: 'columnResizingModeChange' },
{ emit: 'columnsChange' },
{ emit: 'columnWidthChange' },
{ emit: 'customizeColumnsChange' },
{ emit: 'dataSourceChange' },
{ emit: 'dataStructureChange' },
{ emit: 'dateSerializationFormatChange' },
{ emit: 'disabledChange' },
{ emit: 'editingChange' },
{ emit: 'elementAttrChange' },
{ emit: 'errorRowEnabledChange' },
{ emit: 'expandedRowKeysChange' },
{ emit: 'expandNodesOnFilteringChange' },
{ emit: 'filterBuilderChange' },
{ emit: 'filterBuilderPopupChange' },
{ emit: 'filterModeChange' },
{ emit: 'filterPanelChange' },
{ emit: 'filterRowChange' },
{ emit: 'filterSyncEnabledChange' },
{ emit: 'filterValueChange' },
{ emit: 'focusedColumnIndexChange' },
{ emit: 'focusedRowEnabledChange' },
{ emit: 'focusedRowIndexChange' },
{ emit: 'focusedRowKeyChange' },
{ emit: 'focusStateEnabledChange' },
{ emit: 'hasItemsExprChange' },
{ emit: 'headerFilterChange' },
{ emit: 'heightChange' },
{ emit: 'highlightChangesChange' },
{ emit: 'hintChange' },
{ emit: 'hoverStateEnabledChange' },
{ emit: 'itemsExprChange' },
{ emit: 'keyboardNavigationChange' },
{ emit: 'keyExprChange' },
{ emit: 'loadPanelChange' },
{ emit: 'noDataTextChange' },
{ emit: 'pagerChange' },
{ emit: 'pagingChange' },
{ emit: 'parentIdExprChange' },
{ emit: 'remoteOperationsChange' },
{ emit: 'renderAsyncChange' },
{ emit: 'repaintChangesOnlyChange' },
{ emit: 'rootValueChange' },
{ emit: 'rowAlternationEnabledChange' },
{ emit: 'rowDraggingChange' },
{ emit: 'rtlEnabledChange' },
{ emit: 'scrollingChange' },
{ emit: 'searchPanelChange' },
{ emit: 'selectedRowKeysChange' },
{ emit: 'selectionChange' },
{ emit: 'showBordersChange' },
{ emit: 'showColumnHeadersChange' },
{ emit: 'showColumnLinesChange' },
{ emit: 'showRowLinesChange' },
{ emit: 'sortingChange' },
{ emit: 'stateStoringChange' },
{ emit: 'tabIndexChange' },
{ emit: 'twoWayBindingEnabledChange' },
{ emit: 'visibleChange' },
{ emit: 'widthChange' },
{ emit: 'wordWrapEnabledChange' }
]);
_this._idh.setHost(_this);
optionHost.setHost(_this);
return _this;
}
Object.defineProperty(DxTreeListComponent.prototype, "accessKey", {
/**
* Specifies the shortcut key that sets focus on the UI component.
*/
get: function () {
return this._getOption('accessKey');
},
set: function (value) {
this._setOption('accessKey', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "activeStateEnabled", {
/**
* Specifies whether or not the UI component changes its state when interacting with a user.
*/
get: function () {
return this._getOption('activeStateEnabled');
},
set: function (value) {
this._setOption('activeStateEnabled', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "allowColumnReordering", {
/**
* Specifies whether a user can reorder columns.
*/
get: function () {
return this._getOption('allowColumnReordering');
},
set: function (value) {
this._setOption('allowColumnReordering', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "allowColumnResizing", {
/**
* Specifies whether a user can resize columns.
*/
get: function () {
return this._getOption('allowColumnResizing');
},
set: function (value) {
this._setOption('allowColumnResizing', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "autoExpandAll", {
/**
* Specifies whether all rows are expanded initially.
*/
get: function () {
return this._getOption('autoExpandAll');
},
set: function (value) {
this._setOption('autoExpandAll', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "autoNavigateToFocusedRow", {
/**
* Automatically scrolls to the focused row when the focusedRowKey is changed.
*/
get: function () {
return this._getOption('autoNavigateToFocusedRow');
},
set: function (value) {
this._setOption('autoNavigateToFocusedRow', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "cacheEnabled", {
/**
* Specifies whether data should be cached.
*/
get: function () {
return this._getOption('cacheEnabled');
},
set: function (value) {
this._setOption('cacheEnabled', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "cellHintEnabled", {
/**
* Enables a hint that appears when a user hovers the mouse pointer over a cell with truncated content.
*/
get: function () {
return this._getOption('cellHintEnabled');
},
set: function (value) {
this._setOption('cellHintEnabled', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "columnAutoWidth", {
/**
* Specifies whether columns should adjust their widths to the content.
*/
get: function () {
return this._getOption('columnAutoWidth');
},
set: function (value) {
this._setOption('columnAutoWidth', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "columnChooser", {
/**
* Configures the column chooser.
*/
get: function () {
return this._getOption('columnChooser');
},
set: function (value) {
this._setOption('columnChooser', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "columnFixing", {
/**
* Configures column fixing.
*/
get: function () {
return this._getOption('columnFixing');
},
set: function (value) {
this._setOption('columnFixing', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "columnHidingEnabled", {
/**
* Specifies whether the UI component should hide columns to adapt to the screen or container size. Ignored if allowColumnResizing is true and columnResizingMode is 'widget'.
*/
get: function () {
return this._getOption('columnHidingEnabled');
},
set: function (value) {
this._setOption('columnHidingEnabled', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "columnMinWidth", {
/**
* Specifies the minimum width of columns.
*/
get: function () {
return this._getOption('columnMinWidth');
},
set: function (value) {
this._setOption('columnMinWidth', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "columnResizingMode", {
/**
* Specifies how the UI component resizes columns. Applies only if allowColumnResizing is true.
*/
get: function () {
return this._getOption('columnResizingMode');
},
set: function (value) {
this._setOption('columnResizingMode', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "columns", {
/**
* Configures columns.
*/
get: function () {
return this._getOption('columns');
},
set: function (value) {
this._setOption('columns', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "columnWidth", {
/**
* Specifies the width for all data columns. Has a lower priority than the column.width property.
*/
get: function () {
return this._getOption('columnWidth');
},
set: function (value) {
this._setOption('columnWidth', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "customizeColumns", {
/**
* Customizes columns after they are created.
*/
get: function () {
return this._getOption('customizeColumns');
},
set: function (value) {
this._setOption('customizeColumns', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "dataSource", {
/**
* Binds the UI component to data.
*/
get: function () {
return this._getOption('dataSource');
},
set: function (value) {
this._setOption('dataSource', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "dataStructure", {
/**
* Notifies the UI component of the used data structure.
*/
get: function () {
return this._getOption('dataStructure');
},
set: function (value) {
this._setOption('dataStructure', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "dateSerializationFormat", {
/**
* Specifies the format in which date-time values should be sent to the server. Use it only if you do not specify the dataSource at design time.
*/
get: function () {
return this._getOption('dateSerializationFormat');
},
set: function (value) {
this._setOption('dateSerializationFormat', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "disabled", {
/**
* Specifies whether the UI component responds to user interaction.
*/
get: function () {
return this._getOption('disabled');
},
set: function (value) {
this._setOption('disabled', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "editing", {
/**
* Configures editing.
*/
get: function () {
return this._getOption('editing');
},
set: function (value) {
this._setOption('editing', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "elementAttr", {
/**
* Specifies the global attributes to be attached to the UI component's container element.
*/
get: function () {
return this._getOption('elementAttr');
},
set: function (value) {
this._setOption('elementAttr', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "errorRowEnabled", {
/**
* Indicates whether to show the error row.
*/
get: function () {
return this._getOption('errorRowEnabled');
},
set: function (value) {
this._setOption('errorRowEnabled', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "expandedRowKeys", {
/**
* Specifies keys of the initially expanded rows.
*/
get: function () {
return this._getOption('expandedRowKeys');
},
set: function (value) {
this._setOption('expandedRowKeys', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "expandNodesOnFiltering", {
/**
* Specifies whether nodes appear expanded or collapsed after filtering is applied.
*/
get: function () {
return this._getOption('expandNodesOnFiltering');
},
set: function (value) {
this._setOption('expandNodesOnFiltering', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "filterBuilder", {
/**
* Configures the integrated filter builder.
*/
get: function () {
return this._getOption('filterBuilder');
},
set: function (value) {
this._setOption('filterBuilder', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "filterBuilderPopup", {
/**
* Configures the popup in which the integrated filter builder is shown.
*/
get: function () {
return this._getOption('filterBuilderPopup');
},
set: function (value) {
this._setOption('filterBuilderPopup', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "filterMode", {
/**
* Specifies whether filter and search results should include matching rows only, matching rows with ancestors, or matching rows with ancestors and descendants (full branch).
*/
get: function () {
return this._getOption('filterMode');
},
set: function (value) {
this._setOption('filterMode', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "filterPanel", {
/**
* Configures the filter panel.
*/
get: function () {
return this._getOption('filterPanel');
},
set: function (value) {
this._setOption('filterPanel', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "filterRow", {
/**
* Configures the filter row.
*/
get: function () {
return this._getOption('filterRow');
},
set: function (value) {
this._setOption('filterRow', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "filterSyncEnabled", {
/**
* Specifies whether to synchronize the filter row, header filter, and filter builder. The synchronized filter expression is stored in the filterValue property.
*/
get: function () {
return this._getOption('filterSyncEnabled');
},
set: function (value) {
this._setOption('filterSyncEnabled', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "filterValue", {
/**
* Specifies a filter expression.
*/
get: function () {
return this._getOption('filterValue');
},
set: function (value) {
this._setOption('filterValue', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "focusedColumnIndex", {
/**
* The index of the column that contains the focused data cell. This index is taken from the columns array.
*/
get: function () {
return this._getOption('focusedColumnIndex');
},
set: function (value) {
this._setOption('focusedColumnIndex', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "focusedRowEnabled", {
/**
* Specifies whether the focused row feature is enabled.
*/
get: function () {
return this._getOption('focusedRowEnabled');
},
set: function (value) {
this._setOption('focusedRowEnabled', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "focusedRowIndex", {
/**
* Specifies or indicates the focused data row's index. Use this property when focusedRowEnabled is true.
*/
get: function () {
return this._getOption('focusedRowIndex');
},
set: function (value) {
this._setOption('focusedRowIndex', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "focusedRowKey", {
/**
* Specifies initially or currently focused grid row's key. Use it when focusedRowEnabled is true.
*/
get: function () {
return this._getOption('focusedRowKey');
},
set: function (value) {
this._setOption('focusedRowKey', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "focusStateEnabled", {
/**
* Specifies whether the UI component can be focused using keyboard navigation.
*/
get: function () {
return this._getOption('focusStateEnabled');
},
set: function (value) {
this._setOption('focusStateEnabled', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "hasItemsExpr", {
/**
* Specifies which data field defines whether the node has children.
*/
get: function () {
return this._getOption('hasItemsExpr');
},
set: function (value) {
this._setOption('hasItemsExpr', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "headerFilter", {
/**
* Configures the header filter feature.
*/
get: function () {
return this._getOption('headerFilter');
},
set: function (value) {
this._setOption('headerFilter', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "height", {
/**
* Specifies the UI component's height.
*/
get: function () {
return this._getOption('height');
},
set: function (value) {
this._setOption('height', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "highlightChanges", {
/**
* Specifies whether to highlight rows and cells with edited data. repaintChangesOnly should be true.
*/
get: function () {
return this._getOption('highlightChanges');
},
set: function (value) {
this._setOption('highlightChanges', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "hint", {
/**
* Specifies text for a hint that appears when a user pauses on the UI component.
*/
get: function () {
return this._getOption('hint');
},
set: function (value) {
this._setOption('hint', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "hoverStateEnabled", {
/**
* Specifies whether the UI component changes its state when a user pauses on it.
*/
get: function () {
return this._getOption('hoverStateEnabled');
},
set: function (value) {
this._setOption('hoverStateEnabled', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "itemsExpr", {
/**
* Specifies which data field contains nested items. Set this property when your data has a hierarchical structure.
*/
get: function () {
return this._getOption('itemsExpr');
},
set: function (value) {
this._setOption('itemsExpr', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "keyboardNavigation", {
/**
* Configures keyboard navigation.
*/
get: function () {
return this._getOption('keyboardNavigation');
},
set: function (value) {
this._setOption('keyboardNavigation', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "keyExpr", {
/**
* Specifies the key property (or properties) that provide(s) key values to access data items. Each key value must be unique.
*/
get: function () {
return this._getOption('keyExpr');
},
set: function (value) {
this._setOption('keyExpr', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "loadPanel", {
/**
* Configures the load panel.
*/
get: function () {
return this._getOption('loadPanel');
},
set: function (value) {
this._setOption('loadPanel', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "noDataText", {
/**
* Specifies text shown when the UI component does not display any data.
*/
get: function () {
return this._getOption('noDataText');
},
set: function (value) {
this._setOption('noDataText', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "pager", {
/**
* Configures the pager.
*/
get: function () {
return this._getOption('pager');
},
set: function (value) {
this._setOption('pager', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "paging", {
/**
* Configures paging.
*/
get: function () {
return this._getOption('paging');
},
set: function (value) {
this._setOption('paging', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "parentIdExpr", {
/**
* Specifies which data field provides parent keys.
*/
get: function () {
return this._getOption('parentIdExpr');
},
set: function (value) {
this._setOption('parentIdExpr', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "remoteOperations", {
/**
* Notifies the TreeList of the server's data processing operations. Applies only if data has a plain structure.
*/
get: function () {
return this._getOption('remoteOperations');
},
set: function (value) {
this._setOption('remoteOperations', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "renderAsync", {
/**
* Specifies whether to render the filter row, command columns, and columns with showEditorAlways set to true after other elements.
*/
get: function () {
return this._getOption('renderAsync');
},
set: function (value) {
this._setOption('renderAsync', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "repaintChangesOnly", {
/**
* Specifies whether to repaint only those cells whose data changed.
*/
get: function () {
return this._getOption('repaintChangesOnly');
},
set: function (value) {
this._setOption('repaintChangesOnly', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "rootValue", {
/**
* Specifies the root node's identifier. Applies if dataStructure is 'plain'.
*/
get: function () {
return this._getOption('rootValue');
},
set: function (value) {
this._setOption('rootValue', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "rowAlternationEnabled", {
/**
* Specifies whether rows should be shaded differently.
*/
get: function () {
return this._getOption('rowAlternationEnabled');
},
set: function (value) {
this._setOption('rowAlternationEnabled', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "rowDragging", {
/**
* Configures row reordering using drag and drop gestures.
*/
get: function () {
return this._getOption('rowDragging');
},
set: function (value) {
this._setOption('rowDragging', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "rtlEnabled", {
/**
* Switches the UI component to a right-to-left representation.
*/
get: function () {
return this._getOption('rtlEnabled');
},
set: function (value) {
this._setOption('rtlEnabled', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "scrolling", {
/**
* Configures scrolling.
*/
get: function () {
return this._getOption('scrolling');
},
set: function (value) {
this._setOption('scrolling', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "searchPanel", {
/**
* Configures the search panel.
*/
get: function () {
return this._getOption('searchPanel');
},
set: function (value) {
this._setOption('searchPanel', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "selectedRowKeys", {
/**
* Allows you to select rows or determine which rows are selected.
*/
get: function () {
return this._getOption('selectedRowKeys');
},
set: function (value) {
this._setOption('selectedRowKeys', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "selection", {
/**
* Configures runtime selection.
*/
get: function () {
return this._getOption('selection');
},
set: function (value) {
this._setOption('selection', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "showBorders", {
/**
* Specifies whether the outer borders of the UI component are visible.
*/
get: function () {
return this._getOption('showBorders');
},
set: function (value) {
this._setOption('showBorders', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "showColumnHeaders", {
/**
* Specifies whether column headers are visible.
*/
get: function () {
return this._getOption('showColumnHeaders');
},
set: function (value) {
this._setOption('showColumnHeaders', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "showColumnLines", {
/**
* Specifies whether vertical lines that separate one column from another are visible.
*/
get: function () {
return this._getOption('showColumnLines');
},
set: function (value) {
this._setOption('showColumnLines', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "showRowLines", {
/**
* Specifies whether horizontal lines that separate one row from another are visible.
*/
get: function () {
return this._getOption('showRowLines');
},
set: function (value) {
this._setOption('showRowLines', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "sorting", {
/**
* Configures runtime sorting.
*/
get: function () {
return this._getOption('sorting');
},
set: function (value) {
this._setOption('sorting', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "stateStoring", {
/**
* Configures state storing.
*/
get: function () {
return this._getOption('stateStoring');
},
set: function (value) {
this._setOption('stateStoring', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "tabIndex", {
/**
* Specifies the number of the element when the Tab key is used for navigating.
*/
get: function () {
return this._getOption('tabIndex');
},
set: function (value) {
this._setOption('tabIndex', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "twoWayBindingEnabled", {
/**
* Specifies whether to enable two-way data binding.
*/
get: function () {
return this._getOption('twoWayBindingEnabled');
},
set: function (value) {
this._setOption('twoWayBindingEnabled', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "visible", {
/**
* Specifies whether the UI component is visible.
*/
get: function () {
return this._getOption('visible');
},
set: function (value) {
this._setOption('visible', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "width", {
/**
* Specifies the UI component's width.
*/
get: function () {
return this._getOption('width');
},
set: function (value) {
this._setOption('width', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "wordWrapEnabled", {
/**
* Specifies whether text that does not fit into a column should be wrapped.
*/
get: function () {
return this._getOption('wordWrapEnabled');
},
set: function (value) {
this._setOption('wordWrapEnabled', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxTreeListComponent.prototype, "columnsChildren", {
get: function () {
return this._getOption('columns');
},
set: function (value) {
this.setChildren('columns', value);
},
enumerable: true,
configurable: true
});
DxTreeListComponent.prototype._createInstance = function (element, options) {
return new DxTreeList(element, options);
};
DxTreeListComponent.prototype.ngOnDestroy = function () {
this._destroyWidget();
};
DxTreeListComponent.prototype.ngOnChanges = function (changes) {
_super.prototype.ngOnChanges.call(this, changes);
this.setupChanges('columns', changes);
this.setupChanges('dataSource', changes);
this.setupChanges('expandedRowKeys', changes);
this.setupChanges('selectedRowKeys', changes);
};
DxTreeListComponent.prototype.setupChanges = function (prop, changes) {
if (!(prop in this._optionsToUpdate)) {
this._idh.setup(prop, changes);
}
};
DxTreeListComponent.prototype.ngDoCheck = function () {
this._idh.doCheck('columns');
this._idh.doCheck('dataSource');
this._idh.doCheck('expandedRowKeys');
this._idh.doCheck('selectedRowKeys');
this._watcherHelper.checkWatchers();
_super.prototype.ngDoCheck.call(this);
_super.prototype.clearChangedOptions.call(this);
};
DxTreeListComponent.prototype._setOption = function (name, value) {
var isSetup = this._idh.setupSingle(name, value);
var isChanged = this._idh.getChanges(name, value) !== null;
if (isSetup || isChanged) {
_super.prototype._setOption.call(this, name, value);
}
};
DxTreeListComponent.ctorParameters = function () { return [
{ type: ElementRef },
{ type: NgZone },
{ type: DxTemplateHost },
{ type: WatcherHelper },
{ type: IterableDifferHelper },
{ type: NestedOptionHost },
{ type: TransferState },
{ type: undefined, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] }
]; };
__decorate([
Input(),
__metadata("design:type", String),
__metadata("design:paramtypes", [String])
], DxTreeListComponent.prototype, "accessKey", null);
__decorate([
Input(),
__metadata("design:type", Boolean),
__metadata("design:paramtypes", [Boolean])
], DxTreeListComponent.prototype, "activeStateEnabled", null);
__decorate([
Input(),
__metadata("design:type", Boolean),
__metadata("design:paramtypes", [Boolean])
], DxTreeListComponent.prototype, "allowColumnReordering", null);
__decorate([
Input(),
__metadata("design:type", Boolean),
__metadata("design:paramtypes", [Boolean])
], DxTreeListComponent.prototype, "allowColumnResizing", null);
__decorate([
Input(),
__metadata("design:type", Boolean),
__metadata("design:paramtypes", [Boolean])
], DxTreeListComponent.prototype, "autoExpandAll", null);
__decorate([
Input(),
__metadata("design:type", Boolean),
__metadata("design:paramtypes", [Boolean])
], DxTreeListComponent.prototype, "autoNavigateToFocusedRow", null);
__decorate([
Input(),
__metadata("design:type", Boolean),
__metadata("design:paramtypes", [Boolean])
], DxTreeListComponent.prototype, "cacheEnabled", null);
__decorate([
Input(),
__metadata("design:type", Boolean),
__metadata("design:paramtypes", [Boolean])
], DxTreeListComponent.prototype, "cellHintEnabled", null);
__decorate([
Input(),
__metadata("design:type", Boolean),
__metadata("design:paramtypes", [Boolean])
], DxTreeListComponent.prototype, "columnAutoWidth", null);
__decorate([
Input(),
__metadata("design:type", Object),
__metadata("design:paramtypes", [Object])
], DxTreeListComponent.prototype, "columnChooser", null);
__decorate([
Input(),
__metadata("design:type", Object),
__metadata("design:paramtypes", [Object])
], DxTreeListComponent.prototype, "columnFixing", null);
__decorate([
Input(),
__metadata("design:type", Boolean),
__metadata("design:paramtypes", [Boolean])
], DxTreeListComponent.prototype, "columnHidingEnabled", null);
__decorate([
Input(),
__metadata("design:type", Number),
__metadata("design:paramtypes", [Number])
], DxTreeListComponent.prototype, "columnMinWidth", null);
__decorate([
Input(),
__metadata("design:type", String),
__metadata("design:paramtypes", [String])
], DxTreeListComponent.prototype, "columnResizingMode", null);
__decorate([
Input(),
__metadata("design:type", Array),
__metadata("design:paramtypes", [Array])
], DxTreeListComponent.prototype, "columns", null);
__decorate([
Input(),
__metadata("design:type", Number),
__metadata("design:paramtypes", [Number])
], DxTreeListComponent.prototype, "columnWidth", null);
__decorate([
Input(),
__metadata("design:type", Function),
__metadata("design:paramtypes", [Function])
], DxTreeListComponent.prototype, "customizeColumns", null);
__decorate([
Input(),
__metadata("design:type", Object),
__metadata("design:paramtypes", [Object])
], DxTreeListComponent.prototype, "dataSource", null);
__decorate([
Input(),
__metadata("design:type", String),
__metadata("design:paramtypes", [String])
], DxTreeListComponent.prototype, "dataStructure", null);
__decorate([
Input(),
__metadata("design:type", String),
__metadata("design:paramtypes", [String])
], DxTreeListComponent.prototype, "dateSerializationFormat", null);
__decorate([
Input(),
__metadata("design:type", Boolean),
__metadata("design:paramtypes", [Boolean])
], DxTreeListComponent.prototype, "disabled", null);
__decorate([
Input(),
__metadata("design:type", Object),
__metadata("design:paramtypes", [Object])
], DxTreeListComponent.prototype, "editing", null);
__decorate([
Input(),
__metadata("design:type", Object),
__metadata("design:paramtypes", [Object])
], DxTreeListComponent.prototype, "elementAttr", null);
__decorate([
Input(),
__metadata("design:type", Boolean),
__metadata("design:paramtypes", [Boolean])
], DxTreeListComponent.prototype, "errorRowEnabled", null);
__decorate([
Input(),
__metadata("design:type", Array),
__metadata("design:paramtypes", [Array])
], DxTreeListComponent.prototype, "expandedRowKeys", null);
__decorate([
Input(),
__metadata("design:type", Boolean),
__metadata("design:paramtypes", [Boolean])
], DxTreeListComponent.prototype, "expandNodesOnFiltering", null);
__decorate([
Input(),
__metadata("design:type", Object),
__metadata("design:paramtypes", [Object])
], DxTreeListComponent.prototype, "filterBuilder", null);
__decorate([
Input(),
__metadata("design:type", Object),
__metadata("design:paramtypes", [Object])
], DxTreeListComponent.prototype, "filterBuilderPopup", null);
__decorate([
Input(),
__metadata("design:type", String),
__metadata("design:paramt