@progress/kendo-angular-grid 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/adaptiveness/adaptive-mode.d.ts +1 -5
- package/aggregates/aggregate-types.d.ts +6 -6
- package/aggregates/status-bar-template.directive.d.ts +6 -4
- package/column-menu/column-locked-change-event.d.ts +1 -1
- package/column-menu/column-menu-autosize-all.component.d.ts +11 -2
- package/column-menu/column-menu-autosize.component.d.ts +14 -6
- package/column-menu/column-menu-chooser.component.d.ts +13 -5
- package/column-menu/column-menu-expandable-item.interface.d.ts +3 -3
- package/column-menu/column-menu-filter.component.d.ts +18 -5
- package/column-menu/column-menu-item-base.d.ts +2 -2
- package/column-menu/column-menu-item-content-template.directive.d.ts +4 -4
- package/column-menu/column-menu-item.component.d.ts +14 -7
- package/column-menu/column-menu-item.directive.d.ts +29 -1
- package/column-menu/column-menu-lock.component.d.ts +11 -3
- package/column-menu/column-menu-position.component.d.ts +16 -8
- package/column-menu/column-menu-settings.interface.d.ts +5 -4
- package/column-menu/column-menu-sort.component.d.ts +11 -9
- package/column-menu/column-menu-stick.component.d.ts +13 -5
- package/column-menu/column-menu-template.directive.d.ts +5 -7
- package/column-menu/column-menu.component.d.ts +17 -7
- package/column-menu/column-menu.service.d.ts +8 -9
- package/column-resizing/column-resize.interface.d.ts +9 -8
- package/columns/cell-rowspan.d.ts +5 -1
- package/columns/checkbox-column.component.d.ts +7 -5
- package/columns/column-base.d.ts +38 -52
- package/columns/column-group.component.d.ts +3 -2
- package/columns/column.component.d.ts +17 -12
- package/columns/command-column.component.d.ts +6 -7
- package/columns/reorder-column.component.d.ts +10 -2
- package/columns/sort-settings.d.ts +15 -18
- package/columns/span-column.component.d.ts +11 -11
- package/common/adaptiveness.service.d.ts +2 -2
- package/common/cell-click-event-args.interface.d.ts +8 -6
- package/common/clipboard-types.d.ts +27 -31
- package/common/clipboard.directive.d.ts +12 -8
- package/common/create-form-group.d.ts +3 -1
- package/common/fetch-data-callback.d.ts +4 -2
- package/common/field-datatype.d.ts +2 -2
- package/common/pager-settings.d.ts +36 -20
- package/common/preventable-event.d.ts +3 -7
- package/common/remove-confirmation.d.ts +12 -0
- package/common/resizable-settings.d.ts +6 -5
- package/common/single-popup.service.d.ts +7 -4
- package/common/size-options.d.ts +2 -1
- package/data/change-event-args.interface.d.ts +7 -7
- package/data/data-item.interface.d.ts +6 -6
- package/data/data.collection.d.ts +1 -1
- package/data/grid-item.interface.d.ts +1 -1
- package/data/group-footer-item.interface.d.ts +6 -6
- package/data/group-item.interface.d.ts +5 -5
- package/databinding.directive.d.ts +20 -10
- package/directives.d.ts +10 -1
- package/dragdrop/column-reorder-config.d.ts +2 -2
- package/dragdrop/column-reorder-event.d.ts +4 -6
- package/editing/add-command-tool.directive.d.ts +5 -7
- package/editing/add-command.directive.d.ts +3 -8
- package/editing/add-event-args.interface.d.ts +1 -1
- package/editing/cancel-command-tool.directive.d.ts +5 -5
- package/editing/cancel-command.directive.d.ts +6 -5
- package/editing/cancel-event-args.interface.d.ts +7 -1
- package/editing/cell-close-event.d.ts +9 -6
- package/editing/edit-command-tool.directive.d.ts +10 -9
- package/editing/edit-command.directive.d.ts +1 -1
- package/editing/edit-event-args.interface.d.ts +3 -3
- package/editing/edit-row-options.interface.d.ts +10 -4
- package/editing/edit-template.directive.d.ts +17 -9
- package/editing/form/models.d.ts +55 -48
- package/editing/remove-command-tool.directive.d.ts +10 -9
- package/editing/remove-command.directive.d.ts +4 -5
- package/editing/remove-event-args.interface.d.ts +2 -1
- package/editing/save-command-tool.directive.d.ts +7 -6
- package/editing/save-command.directive.d.ts +5 -5
- package/editing/save-event-args.interface.d.ts +2 -1
- package/editing-directives/create-form-group-args.interface.d.ts +1 -1
- package/editing-directives/edit-service.interface.d.ts +13 -6
- package/editing-directives/external-editing.directive.d.ts +11 -4
- package/editing-directives/in-cell-editing.directive.d.ts +9 -3
- package/editing-directives/reactive-editing.directive.d.ts +9 -3
- package/editing-directives/template-editing.directive.d.ts +9 -3
- package/esm2022/aggregates/status-bar-template.directive.mjs +6 -4
- package/esm2022/column-menu/column-locked-change-event.mjs +1 -1
- package/esm2022/column-menu/column-menu-autosize-all.component.mjs +11 -2
- package/esm2022/column-menu/column-menu-autosize.component.mjs +14 -6
- package/esm2022/column-menu/column-menu-chooser.component.mjs +13 -5
- package/esm2022/column-menu/column-menu-filter.component.mjs +18 -5
- package/esm2022/column-menu/column-menu-item-base.mjs +2 -2
- package/esm2022/column-menu/column-menu-item-content-template.directive.mjs +4 -4
- package/esm2022/column-menu/column-menu-item.component.mjs +14 -7
- package/esm2022/column-menu/column-menu-item.directive.mjs +29 -1
- package/esm2022/column-menu/column-menu-lock.component.mjs +11 -3
- package/esm2022/column-menu/column-menu-position.component.mjs +16 -8
- package/esm2022/column-menu/column-menu-sort.component.mjs +11 -9
- package/esm2022/column-menu/column-menu-stick.component.mjs +13 -5
- package/esm2022/column-menu/column-menu-template.directive.mjs +5 -7
- package/esm2022/column-menu/column-menu.component.mjs +17 -7
- package/esm2022/column-menu/column-menu.service.mjs +8 -9
- package/esm2022/columns/checkbox-column.component.mjs +7 -5
- package/esm2022/columns/column-base.mjs +38 -52
- package/esm2022/columns/column-group.component.mjs +3 -2
- package/esm2022/columns/column.component.mjs +17 -12
- package/esm2022/columns/command-column.component.mjs +6 -7
- package/esm2022/columns/reorder-column.component.mjs +10 -2
- package/esm2022/columns/span-column.component.mjs +11 -11
- package/esm2022/common/adaptiveness.service.mjs +2 -2
- package/esm2022/common/clipboard.directive.mjs +12 -8
- package/esm2022/common/preventable-event.mjs +3 -7
- package/esm2022/common/resizable-settings.mjs +2 -1
- package/esm2022/common/single-popup.service.mjs +7 -4
- package/esm2022/databinding.directive.mjs +20 -10
- package/esm2022/directives.mjs +10 -1
- package/esm2022/dragdrop/column-reorder-event.mjs +4 -6
- package/esm2022/editing/add-command-tool.directive.mjs +5 -7
- package/esm2022/editing/add-command.directive.mjs +3 -8
- package/esm2022/editing/cancel-command-tool.directive.mjs +5 -5
- package/esm2022/editing/cancel-command.directive.mjs +6 -5
- package/esm2022/editing/cell-close-event.mjs +7 -4
- package/esm2022/editing/edit-command-tool.directive.mjs +10 -9
- package/esm2022/editing/edit-command.directive.mjs +1 -1
- package/esm2022/editing/edit-template.directive.mjs +17 -9
- package/esm2022/editing/remove-command-tool.directive.mjs +10 -9
- package/esm2022/editing/remove-command.directive.mjs +4 -5
- package/esm2022/editing/save-command-tool.directive.mjs +7 -6
- package/esm2022/editing/save-command.directive.mjs +5 -5
- package/esm2022/editing-directives/external-editing.directive.mjs +11 -4
- package/esm2022/editing-directives/in-cell-editing.directive.mjs +9 -3
- package/esm2022/editing-directives/reactive-editing.directive.mjs +9 -3
- package/esm2022/editing-directives/template-editing.directive.mjs +9 -3
- package/esm2022/excel/excel-command-tool.directive.mjs +10 -13
- package/esm2022/excel/excel-command.directive.mjs +7 -11
- package/esm2022/excel/excel-export-event.mjs +4 -1
- package/esm2022/excel/excel.component.mjs +24 -25
- package/esm2022/excel/excel.module.mjs +4 -7
- package/esm2022/filtering/boolean-filter.component.mjs +3 -3
- package/esm2022/filtering/cell/boolean-filter-cell.component.mjs +1 -2
- package/esm2022/filtering/cell/date-filter-cell.component.mjs +5 -2
- package/esm2022/filtering/cell/filter-cell-operators.component.mjs +10 -7
- package/esm2022/filtering/cell/filter-cell-template.directive.mjs +4 -2
- package/esm2022/filtering/cell/numeric-filter-cell.component.mjs +10 -9
- package/esm2022/filtering/cell/string-filter-cell.component.mjs +7 -5
- package/esm2022/filtering/date-filter.component.mjs +17 -19
- package/esm2022/filtering/filter.service.mjs +4 -4
- package/esm2022/filtering/menu/boolean-filter-menu.component.mjs +3 -3
- package/esm2022/filtering/menu/date-filter-menu.component.mjs +5 -3
- package/esm2022/filtering/menu/filter-menu-template.directive.mjs +9 -7
- package/esm2022/filtering/menu/numeric-filter-menu-input.component.mjs +8 -8
- package/esm2022/filtering/menu/numeric-filter-menu.component.mjs +10 -6
- package/esm2022/filtering/menu/string-filter-menu.component.mjs +10 -5
- package/esm2022/filtering/numeric-filter.component.mjs +13 -13
- package/esm2022/filtering/operators/after-eq-filter-operator.component.mjs +26 -0
- package/esm2022/filtering/operators/after-filter-operator.component.mjs +26 -0
- package/esm2022/filtering/operators/before-eq-filter-operator.component.mjs +26 -0
- package/esm2022/filtering/operators/before-filter-operator.component.mjs +26 -0
- package/esm2022/filtering/operators/contains-filter-operator.component.mjs +27 -1
- package/esm2022/filtering/operators/ends-with-filter-operator.component.mjs +26 -1
- package/esm2022/filtering/operators/eq-filter-operator.component.mjs +74 -1
- package/esm2022/filtering/operators/gt-filter-operator.component.mjs +26 -0
- package/esm2022/filtering/operators/gte-filter-operator.component.mjs +26 -0
- package/esm2022/filtering/operators/is-empty-filter-operator.component.mjs +26 -1
- package/esm2022/filtering/operators/is-not-empty-filter-operator.component.mjs +26 -1
- package/esm2022/filtering/operators/is-not-null-filter-operator.component.mjs +73 -1
- package/esm2022/filtering/operators/isnull-filter-operator.component.mjs +73 -1
- package/esm2022/filtering/operators/lt-filter-operator.component.mjs +26 -1
- package/esm2022/filtering/operators/lte-filter-operator.component.mjs +26 -1
- package/esm2022/filtering/operators/neq-filter-operator.component.mjs +73 -1
- package/esm2022/filtering/operators/not-contains-filter-operator.component.mjs +26 -1
- package/esm2022/filtering/operators/starts-with-filter-operator.component.mjs +26 -1
- package/esm2022/filtering/string-filter.component.mjs +5 -4
- package/esm2022/grid.component.mjs +159 -173
- package/esm2022/grid.module.mjs +3 -2
- package/esm2022/grouping/group-footer-template.directive.mjs +5 -6
- package/esm2022/grouping/group-header-column-template.directive.mjs +5 -5
- package/esm2022/grouping/group-header-template.directive.mjs +5 -6
- package/esm2022/grouping/group-scroll-binding.directive.mjs +2 -0
- package/esm2022/localization/custom-messages.component.mjs +12 -2
- package/esm2022/localization/messages.mjs +154 -165
- package/esm2022/navigation/focus-group.mjs +2 -2
- package/esm2022/navigation/focusable.directive.mjs +5 -3
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/pdf/pdf-command-tool.directive.mjs +8 -11
- package/esm2022/pdf/pdf-command.directive.mjs +5 -9
- package/esm2022/pdf/pdf-export-event.mjs +1 -1
- package/esm2022/pdf/pdf-margin.component.mjs +16 -6
- package/esm2022/pdf/pdf-template.directive.mjs +5 -5
- package/esm2022/pdf/pdf.component.mjs +15 -5
- package/esm2022/pdf/pdf.module.mjs +3 -6
- package/esm2022/rendering/cell-loading.template.directive.mjs +4 -7
- package/esm2022/rendering/cell-template.directive.mjs +7 -8
- package/esm2022/rendering/common/spacer.component.mjs +14 -3
- package/esm2022/rendering/details/detail-collapse-event.mjs +8 -3
- package/esm2022/rendering/details/detail-expand-event.mjs +8 -3
- package/esm2022/rendering/details/detail-template.directive.mjs +3 -2
- package/esm2022/rendering/details-expand.directive.mjs +18 -8
- package/esm2022/rendering/footer/footer-template.directive.mjs +7 -7
- package/esm2022/rendering/groups-expand.directive.mjs +15 -5
- package/esm2022/rendering/header/header-template.directive.mjs +11 -11
- package/esm2022/rendering/loading-template.directive.mjs +14 -3
- package/esm2022/rendering/no-records-template.directive.mjs +3 -5
- package/esm2022/rendering/table-body.component.mjs +3 -1
- package/esm2022/rendering/toolbar/toolbar-focusable.directive.mjs +10 -2
- package/esm2022/rendering/toolbar/toolbar-position.mjs +0 -17
- package/esm2022/rendering/toolbar/toolbar-template.directive.mjs +3 -3
- package/esm2022/rendering/toolbar/tools/column-chooser-tool.directive.mjs +6 -5
- package/esm2022/rendering/toolbar/tools/filter-command-tool.directive.mjs +5 -5
- package/esm2022/rendering/toolbar/tools/group-command-tool.directive.mjs +5 -3
- package/esm2022/rendering/toolbar/tools/sort-command-tool.directive.mjs +4 -4
- package/esm2022/row-reordering/drag-handle-template.directive.mjs +5 -6
- package/esm2022/row-reordering/drag-hint-template.directive.mjs +3 -5
- package/esm2022/selection/selectall-checkbox.directive.mjs +2 -2
- package/esm2022/selection/selection-checkbox.directive.mjs +9 -8
- package/esm2022/selection/selection-default.mjs +9 -8
- package/esm2022/selection/selection.directive.mjs +10 -1
- package/esm2022/state-management/grid-state.models.mjs +3 -3
- package/esm2022/state-management/redo-command-tool.mjs +17 -9
- package/esm2022/state-management/undo-command-tool.mjs +17 -9
- package/esm2022/state-management/undo-redo.directive.mjs +17 -6
- package/excel/excel-command-tool.directive.d.ts +10 -13
- package/excel/excel-command.directive.d.ts +7 -11
- package/excel/excel-export-event.d.ts +4 -1
- package/excel/excel.component.d.ts +24 -25
- package/excel/excel.module.d.ts +4 -7
- package/fesm2022/progress-kendo-angular-grid.mjs +1939 -1025
- package/filtering/boolean-filter.component.d.ts +3 -3
- package/filtering/cell/boolean-filter-cell.component.d.ts +1 -2
- package/filtering/cell/date-filter-cell.component.d.ts +5 -2
- package/filtering/cell/filter-cell-operators.component.d.ts +10 -7
- package/filtering/cell/filter-cell-template.directive.d.ts +4 -2
- package/filtering/cell/numeric-filter-cell.component.d.ts +10 -9
- package/filtering/cell/string-filter-cell.component.d.ts +7 -5
- package/filtering/date-filter.component.d.ts +17 -19
- package/filtering/filter.service.d.ts +4 -4
- package/filtering/filterable.d.ts +5 -5
- package/filtering/menu/boolean-filter-menu.component.d.ts +3 -3
- package/filtering/menu/date-filter-menu.component.d.ts +5 -3
- package/filtering/menu/filter-menu-template.directive.d.ts +9 -7
- package/filtering/menu/numeric-filter-menu-input.component.d.ts +8 -8
- package/filtering/menu/numeric-filter-menu.component.d.ts +10 -6
- package/filtering/menu/string-filter-menu.component.d.ts +10 -5
- package/filtering/numeric-filter.component.d.ts +13 -13
- package/filtering/operators/after-eq-filter-operator.component.d.ts +26 -0
- package/filtering/operators/after-filter-operator.component.d.ts +26 -0
- package/filtering/operators/before-eq-filter-operator.component.d.ts +26 -0
- package/filtering/operators/before-filter-operator.component.d.ts +26 -0
- package/filtering/operators/contains-filter-operator.component.d.ts +27 -1
- package/filtering/operators/ends-with-filter-operator.component.d.ts +26 -1
- package/filtering/operators/eq-filter-operator.component.d.ts +74 -1
- package/filtering/operators/gt-filter-operator.component.d.ts +26 -0
- package/filtering/operators/gte-filter-operator.component.d.ts +26 -0
- package/filtering/operators/is-empty-filter-operator.component.d.ts +26 -1
- package/filtering/operators/is-not-empty-filter-operator.component.d.ts +26 -1
- package/filtering/operators/is-not-null-filter-operator.component.d.ts +73 -1
- package/filtering/operators/isnull-filter-operator.component.d.ts +73 -1
- package/filtering/operators/lt-filter-operator.component.d.ts +26 -1
- package/filtering/operators/lte-filter-operator.component.d.ts +26 -1
- package/filtering/operators/neq-filter-operator.component.d.ts +73 -1
- package/filtering/operators/not-contains-filter-operator.component.d.ts +26 -1
- package/filtering/operators/starts-with-filter-operator.component.d.ts +26 -1
- package/filtering/string-filter.component.d.ts +5 -4
- package/grid.component.d.ts +159 -173
- package/grid.module.d.ts +3 -2
- package/grouping/group-footer-template.directive.d.ts +5 -6
- package/grouping/group-header-column-template.directive.d.ts +5 -5
- package/grouping/group-header-template.directive.d.ts +5 -6
- package/grouping/group-key.interface.d.ts +7 -7
- package/grouping/group-rows-args.interface.d.ts +5 -5
- package/grouping/group-scroll-binding.directive.d.ts +2 -0
- package/grouping/group-settings.d.ts +7 -7
- package/grouping/virtual-group-result.interface.d.ts +3 -3
- package/localization/custom-messages.component.d.ts +12 -2
- package/localization/messages.d.ts +154 -165
- package/navigation/focus-group.d.ts +2 -2
- package/navigation/focusable-element.interface.d.ts +8 -9
- package/navigation/focusable.directive.d.ts +5 -3
- package/navigation/navigable-settings.d.ts +10 -5
- package/navigation/navigation-cell.interface.d.ts +8 -8
- package/navigation/navigation-row.interface.d.ts +6 -7
- package/package.json +20 -20
- package/pdf/pdf-command-tool.directive.d.ts +8 -11
- package/pdf/pdf-command.directive.d.ts +5 -9
- package/pdf/pdf-export-event.d.ts +1 -1
- package/pdf/pdf-margin.component.d.ts +16 -6
- package/pdf/pdf-margin.interface.d.ts +2 -2
- package/pdf/pdf-template.directive.d.ts +5 -5
- package/pdf/pdf.component.d.ts +15 -5
- package/pdf/pdf.module.d.ts +3 -6
- package/rendering/cell-loading.template.directive.d.ts +4 -7
- package/rendering/cell-template.directive.d.ts +7 -8
- package/rendering/common/row-args.d.ts +2 -0
- package/rendering/common/row-class.d.ts +20 -21
- package/rendering/common/spacer.component.d.ts +14 -3
- package/rendering/details/detail-collapse-event.d.ts +8 -3
- package/rendering/details/detail-expand-event.d.ts +8 -3
- package/rendering/details/detail-template.directive.d.ts +8 -7
- package/rendering/details-expand.directive.d.ts +18 -8
- package/rendering/footer/footer-template.directive.d.ts +7 -7
- package/rendering/groups-expand.directive.d.ts +15 -5
- package/rendering/header/header-template.directive.d.ts +11 -11
- package/rendering/loading-template.directive.d.ts +14 -3
- package/rendering/no-records-template.directive.d.ts +3 -5
- package/rendering/toolbar/toolbar-focusable.directive.d.ts +10 -2
- package/rendering/toolbar/toolbar-position.d.ts +5 -5
- package/rendering/toolbar/toolbar-template.directive.d.ts +3 -3
- package/rendering/toolbar/tools/column-chooser-tool.directive.d.ts +6 -5
- package/rendering/toolbar/tools/filter-command-tool.directive.d.ts +5 -5
- package/rendering/toolbar/tools/group-command-tool.directive.d.ts +5 -3
- package/rendering/toolbar/tools/sort-command-tool.directive.d.ts +4 -4
- package/row-reordering/drag-handle-template.directive.d.ts +5 -6
- package/row-reordering/drag-hint-template.directive.d.ts +3 -5
- package/row-reordering/types.d.ts +10 -10
- package/schematics/ngAdd/index.js +4 -4
- package/scrolling/content-scroll-event.d.ts +11 -11
- package/scrolling/scroll-bottom-event.d.ts +2 -2
- package/scrolling/scroll-request.service.d.ts +6 -6
- package/scrolling/scrollmode.d.ts +3 -3
- package/selection/selectall-checkbox.directive.d.ts +2 -2
- package/selection/selection-checkbox.directive.d.ts +9 -8
- package/selection/selection-default.d.ts +9 -8
- package/selection/selection.directive.d.ts +10 -1
- package/selection/types.d.ts +41 -35
- package/state-management/grid-state.models.d.ts +16 -7
- package/state-management/redo-command-tool.d.ts +14 -6
- package/state-management/undo-command-tool.d.ts +14 -6
- package/state-management/undo-redo.directive.d.ts +17 -6
|
@@ -14,21 +14,19 @@ import * as i2 from "@progress/kendo-angular-toolbar";
|
|
|
14
14
|
import * as i3 from "../common/provider.service";
|
|
15
15
|
/**
|
|
16
16
|
* Represents the command for adding a new item to the Grid.
|
|
17
|
-
* You can apply this directive to any `kendo-toolbar-button` element inside a
|
|
18
|
-
*
|
|
19
|
-
*
|
|
20
|
-
* When the user clicks the toolbar button that is associated with the directive, , the
|
|
21
|
-
* [add]({% slug api_grid_gridcomponent %}#toc-add) event is triggered
|
|
22
|
-
* ([see example]({% slug basics_editing_grid %})).
|
|
17
|
+
* You can apply this directive to any `kendo-toolbar-button` element inside a ToolbarComponent used in the Grid.
|
|
18
|
+
* When you click the toolbar button associated with the directive, the [`add`]({% slug api_grid_gridcomponent %}#toc-add) event triggers ([see example]({% slug basics_editing_grid %})).
|
|
23
19
|
*
|
|
24
20
|
* @example
|
|
25
|
-
* ```html
|
|
21
|
+
* ```html
|
|
26
22
|
* <kendo-grid>
|
|
27
23
|
* <kendo-toolbar>
|
|
28
24
|
* <kendo-toolbar-button text="Add new" kendoGridAddTool></kendo-toolbar-button>
|
|
29
25
|
* </kendo-toolbar>
|
|
30
26
|
* </kendo-grid>
|
|
31
27
|
* ```
|
|
28
|
+
* @remarks
|
|
29
|
+
* Applied to: {@link ToolBarButtonComponent}.
|
|
32
30
|
*/
|
|
33
31
|
export class AddCommandToolbarDirective extends ToolbarEditingToolBase {
|
|
34
32
|
editService;
|
|
@@ -12,19 +12,14 @@ import * as i0 from "@angular/core";
|
|
|
12
12
|
import * as i1 from "./edit.service";
|
|
13
13
|
import * as i2 from "../common/provider.service";
|
|
14
14
|
/**
|
|
15
|
-
* Represents the command for adding a new item to the Grid.
|
|
15
|
+
* Represents the command for adding a new item to the Grid. Apply this directive to any
|
|
16
16
|
* `button` element inside a [ToolbarTemplate]({% slug api_grid_commandcolumncomponent %}).
|
|
17
|
-
* When
|
|
18
|
-
* [add]({% slug api_grid_gridcomponent %}#toc-add) event is triggered
|
|
17
|
+
* When you click the button with this directive, the [`add`]({% slug api_grid_gridcomponent %}#toc-add) event is triggered
|
|
19
18
|
* ([see example]({% slug basics_editing_grid %})).
|
|
20
19
|
*
|
|
21
20
|
* @example
|
|
22
21
|
* ```html
|
|
23
|
-
* <
|
|
24
|
-
* <ng-template kendoGridToolbarTemplate>
|
|
25
|
-
* <button kendoGridAddCommand>Add new</button>
|
|
26
|
-
* </ng-template>
|
|
27
|
-
* </kendo-grid>
|
|
22
|
+
* <button kendoGridAddCommand>Add new item</button>
|
|
28
23
|
* ```
|
|
29
24
|
*/
|
|
30
25
|
export class AddCommandDirective extends Button {
|
|
@@ -16,20 +16,20 @@ import * as i3 from "../selection/selection.service";
|
|
|
16
16
|
import * as i4 from "../common/provider.service";
|
|
17
17
|
/**
|
|
18
18
|
* Represents the `cancel` command in the Grid.
|
|
19
|
-
*
|
|
20
|
-
* ToolbarComponent used in the Grid.
|
|
19
|
+
* Apply this directive to any `kendo-toolbar-button` element inside a ToolbarComponent in the Grid.
|
|
21
20
|
*
|
|
22
|
-
* When
|
|
23
|
-
* [cancel]({% slug api_grid_gridcomponent %}#toc-cancel) event is triggered.
|
|
21
|
+
* When you click the toolbar button with this directive, the [`cancel`]({% slug api_grid_gridcomponent %}#toc-cancel) event triggers.
|
|
24
22
|
*
|
|
25
23
|
* @example
|
|
26
|
-
* ```html
|
|
24
|
+
* ```html
|
|
27
25
|
* <kendo-grid>
|
|
28
26
|
* <kendo-toolbar>
|
|
29
27
|
* <kendo-toolbar-button text="Cancel" kendoGridCancelTool></kendo-toolbar-button>
|
|
30
28
|
* </kendo-toolbar>
|
|
31
29
|
* </kendo-grid>
|
|
32
30
|
* ```
|
|
31
|
+
* @remarks
|
|
32
|
+
* Applied to: {@link ToolBarButtonComponent}.
|
|
33
33
|
*/
|
|
34
34
|
export class CancelCommandToolbarDirective extends ToolbarEditingToolBase {
|
|
35
35
|
editService;
|
|
@@ -13,14 +13,15 @@ import * as i0 from "@angular/core";
|
|
|
13
13
|
import * as i1 from "./edit.service";
|
|
14
14
|
import * as i2 from "../common/provider.service";
|
|
15
15
|
/**
|
|
16
|
-
* Represents the `cancel` command of the Grid.
|
|
16
|
+
* Represents the `cancel` command of the Grid. Apply this directive to any `button`
|
|
17
17
|
* element inside a [CommandColumnComponent]({% slug api_grid_commandcolumncomponent %})
|
|
18
18
|
* ([see example](slug:editing_directives_grid#toc-command-column-directives)).
|
|
19
|
-
* When an associated button with the directive is clicked, the
|
|
20
|
-
* [cancel]({% slug api_grid_gridcomponent %}#toc-cancel) event
|
|
21
|
-
* is triggered. When the row is not in the edit mode, the button with the `kendoGridCancelCommand` is automatically hidden.
|
|
22
19
|
*
|
|
23
|
-
*
|
|
20
|
+
* When a button with this directive is clicked, the
|
|
21
|
+
* [`cancel`]({% slug api_grid_gridcomponent %}#toc-cancel) event
|
|
22
|
+
* is triggered. If the row is not in edit mode, the button is automatically hidden.
|
|
23
|
+
*
|
|
24
|
+
* You can customize the button content based on the row's state.
|
|
24
25
|
*
|
|
25
26
|
* @example
|
|
26
27
|
* ```html
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { PreventableEvent } from '../common/preventable-event';
|
|
6
6
|
/**
|
|
7
|
-
* Arguments for the `cellClose` event.
|
|
7
|
+
* Arguments for the [`cellClose`](slug:api_grid_gridcomponent#toc-cellclose) event.
|
|
8
8
|
*/
|
|
9
9
|
export class CellCloseEvent extends PreventableEvent {
|
|
10
10
|
isNew;
|
|
@@ -20,14 +20,17 @@ export class CellCloseEvent extends PreventableEvent {
|
|
|
20
20
|
*/
|
|
21
21
|
column;
|
|
22
22
|
/**
|
|
23
|
-
* The [FormGroup](link:site.data.urls.angular['formgroupapi'])
|
|
23
|
+
* The [FormGroup](link:site.data.urls.angular['formgroupapi']) used to edit the cell.
|
|
24
24
|
*/
|
|
25
25
|
formGroup;
|
|
26
26
|
/**
|
|
27
|
-
* The DOM event that
|
|
28
|
-
* May
|
|
27
|
+
* The DOM event that triggered the `cellClose` event.
|
|
28
|
+
* May be undefined if the event was triggered programmatically.
|
|
29
29
|
*/
|
|
30
30
|
originalEvent;
|
|
31
|
+
/**
|
|
32
|
+
* @hidden
|
|
33
|
+
*/
|
|
31
34
|
constructor(options) {
|
|
32
35
|
super();
|
|
33
36
|
Object.assign(this, options);
|
|
@@ -15,21 +15,22 @@ import * as i2 from "@progress/kendo-angular-toolbar";
|
|
|
15
15
|
import * as i3 from "../selection/selection.service";
|
|
16
16
|
import * as i4 from "../common/provider.service";
|
|
17
17
|
/**
|
|
18
|
-
* Represents the `edit` command in the Grid.
|
|
19
|
-
*
|
|
20
|
-
* ToolbarComponent used in the Grid.
|
|
18
|
+
* Represents the `edit` command in the Grid. Apply this directive to any `kendo-toolbar-button`
|
|
19
|
+
* element inside a ToolbarComponent used in the Grid.
|
|
21
20
|
*
|
|
22
|
-
* When
|
|
23
|
-
* [edit]({% slug api_grid_gridcomponent %}#toc-edit) event
|
|
21
|
+
* When you click the toolbar button with this directive, the
|
|
22
|
+
* [`edit`]({% slug api_grid_gridcomponent %}#toc-edit) event fires.
|
|
24
23
|
*
|
|
25
24
|
* @example
|
|
26
|
-
* ```html
|
|
25
|
+
* ```html
|
|
27
26
|
* <kendo-grid>
|
|
28
|
-
*
|
|
29
|
-
*
|
|
30
|
-
*
|
|
27
|
+
* <kendo-toolbar>
|
|
28
|
+
* <kendo-toolbar-button text="Edit" kendoGridEditTool></kendo-toolbar-button>
|
|
29
|
+
* </kendo-toolbar>
|
|
31
30
|
* </kendo-grid>
|
|
32
31
|
* ```
|
|
32
|
+
* @remarks
|
|
33
|
+
* Applied to: {@link ToolBarButtonComponent}.
|
|
33
34
|
*/
|
|
34
35
|
export class EditCommandToolbarDirective extends ToolbarEditingToolBase {
|
|
35
36
|
editService;
|
|
@@ -16,7 +16,7 @@ import * as i2 from "../common/provider.service";
|
|
|
16
16
|
* Represents the `edit` command of the Grid. You can apply this directive to any `button`
|
|
17
17
|
* element inside a [CommandColumnComponent]({% slug api_grid_commandcolumncomponent %}).
|
|
18
18
|
* When an associated button with the directive is clicked, the
|
|
19
|
-
* [edit]({% slug api_grid_gridcomponent %}#toc-edit) event
|
|
19
|
+
* [`edit`]({% slug api_grid_gridcomponent %}#toc-edit) event
|
|
20
20
|
* is triggered ([see example]({% slug basics_editing_grid %})).
|
|
21
21
|
*
|
|
22
22
|
* When the row is in the `edit` mode, the button with `kendoGridEditCommand` is automatically hidden.
|
|
@@ -5,16 +5,24 @@
|
|
|
5
5
|
import { Directive, TemplateRef, Optional } from '@angular/core';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
9
|
-
*
|
|
10
|
-
* tag with the `kendoGridEditTemplate` directive inside a `<kendo-grid-column>` tag.
|
|
8
|
+
* Lets you customize the content of edited cells by providing a column edit-cell template for the Grid ([see example](slug:custom_reactive_editing_grid#toc-setting-up-custom-inputs)).
|
|
9
|
+
* Place an `<ng-template>` tag with the `kendoGridEditTemplate` directive inside a `<kendo-grid-column>` tag to define the template.
|
|
11
10
|
*
|
|
12
|
-
* The template context
|
|
13
|
-
* - `formGroup`—The current [FormGroup](link:site.data.urls.angular['formgroupapi']).
|
|
14
|
-
* - `rowIndex`—The current data row index.
|
|
15
|
-
* - `dataItem`—The current data item. Use
|
|
16
|
-
* - `column`—The current column instance. Use
|
|
17
|
-
* - `isNew`—The state of the current item. Use
|
|
11
|
+
* The template context includes:
|
|
12
|
+
* - `formGroup`—The current [FormGroup](link:site.data.urls.angular['formgroupapi']). This is the default context for template variables using `let-x`, such as `let-formGroup`. If you use the Grid in [Template-Driven Forms](link:site.data.urls.angular['forms']), this is `undefined`.
|
|
13
|
+
* - `rowIndex`—The current data row index. For a new item row, `rowIndex` is `-1`. Use `let-rowIndex="rowIndex"` to access it.
|
|
14
|
+
* - `dataItem`—The current data item. Use `let-dataItem="dataItem"` to access it.
|
|
15
|
+
* - `column`—The current column instance. Use `let-column="column"` to access it.
|
|
16
|
+
* - `isNew`—The state of the current item. Use `let-isNew="isNew"` to access it.
|
|
17
|
+
*
|
|
18
|
+
* @example
|
|
19
|
+
* ```html
|
|
20
|
+
* <kendo-grid-column>
|
|
21
|
+
* <ng-template kendoGridEditTemplate let-formGroup="formGroup" let-dataItem="dataItem">
|
|
22
|
+
* <kendo-textbox [formControl]="formGroup.get('field')"></kendo-textbox>
|
|
23
|
+
* </ng-template>
|
|
24
|
+
* </kendo-grid-column>
|
|
25
|
+
* ```
|
|
18
26
|
*/
|
|
19
27
|
export class EditTemplateDirective {
|
|
20
28
|
templateRef;
|
|
@@ -15,21 +15,22 @@ import * as i2 from "@progress/kendo-angular-toolbar";
|
|
|
15
15
|
import * as i3 from "../selection/selection.service";
|
|
16
16
|
import * as i4 from "../common/provider.service";
|
|
17
17
|
/**
|
|
18
|
-
* Represents the `remove` command in the Grid.
|
|
19
|
-
*
|
|
20
|
-
* ToolbarComponent used in the Grid.
|
|
18
|
+
* Represents the `remove` command in the Grid. Apply this directive to any `kendo-toolbar-button`
|
|
19
|
+
* element inside a ToolbarComponent used in the Grid.
|
|
21
20
|
*
|
|
22
|
-
* When
|
|
23
|
-
* [remove]({% slug api_grid_gridcomponent %}#toc-remove) event
|
|
21
|
+
* When you click the toolbar button with this directive, the
|
|
22
|
+
* [`remove`]({% slug api_grid_gridcomponent %}#toc-remove) event fires.
|
|
24
23
|
*
|
|
25
24
|
* @example
|
|
26
|
-
* ```html
|
|
25
|
+
* ```html
|
|
27
26
|
* <kendo-grid>
|
|
28
|
-
*
|
|
29
|
-
*
|
|
30
|
-
*
|
|
27
|
+
* <kendo-toolbar>
|
|
28
|
+
* <kendo-toolbar-button text="Remove row" kendoGridRemoveTool></kendo-toolbar-button>
|
|
29
|
+
* </kendo-toolbar>
|
|
31
30
|
* </kendo-grid>
|
|
32
31
|
* ```
|
|
32
|
+
* @remarks
|
|
33
|
+
* Applied to: {@link ToolBarButtonComponent}.
|
|
33
34
|
*/
|
|
34
35
|
export class RemoveCommandToolbarDirective extends ToolbarEditingToolBase {
|
|
35
36
|
editService;
|
|
@@ -13,13 +13,12 @@ import * as i0 from "@angular/core";
|
|
|
13
13
|
import * as i1 from "./edit.service";
|
|
14
14
|
import * as i2 from "../common/provider.service";
|
|
15
15
|
/**
|
|
16
|
-
* Represents the `remove` command of the Grid.
|
|
16
|
+
* Represents the `remove` command of the Grid. Apply this directive to any `button` element
|
|
17
17
|
* inside a [CommandColumnComponent]({% slug api_grid_commandcolumncomponent %})
|
|
18
18
|
* ([see example](slug:editing_directives_grid#toc-command-column-directives)).
|
|
19
|
-
* When
|
|
20
|
-
* [remove]({% slug api_grid_gridcomponent %}#toc-remove) event
|
|
21
|
-
* is
|
|
22
|
-
* When the row is in the `edit` mode, the button with the `kendoGridRemoveCommand` is automatically hidden.
|
|
19
|
+
* When you click the button with this directive, the
|
|
20
|
+
* [`remove`]({% slug api_grid_gridcomponent %}#toc-remove) event fires.
|
|
21
|
+
* The button with `kendoGridRemoveCommand` is automatically hidden when the row is in edit mode.
|
|
23
22
|
*
|
|
24
23
|
* @example
|
|
25
24
|
* ```html
|
|
@@ -15,21 +15,22 @@ import * as i2 from "@progress/kendo-angular-toolbar";
|
|
|
15
15
|
import * as i3 from "../selection/selection.service";
|
|
16
16
|
import * as i4 from "../common/provider.service";
|
|
17
17
|
/**
|
|
18
|
-
* Represents the `save` command in the Grid.
|
|
19
|
-
*
|
|
20
|
-
* ToolbarComponent used in the Grid.
|
|
18
|
+
* Represents the `save` command in the Grid. Apply this directive to any `kendo-toolbar-button`
|
|
19
|
+
* element inside a ToolbarComponent used in the Grid.
|
|
21
20
|
*
|
|
22
|
-
* When
|
|
23
|
-
* [save]({% slug api_grid_gridcomponent %}#toc-save) event
|
|
21
|
+
* When you click the toolbar button with this directive, the
|
|
22
|
+
* [`save`]({% slug api_grid_gridcomponent %}#toc-save) event fires.
|
|
24
23
|
*
|
|
25
24
|
* @example
|
|
26
|
-
* ```html
|
|
25
|
+
* ```html
|
|
27
26
|
* <kendo-grid>
|
|
28
27
|
* <kendo-toolbar>
|
|
29
28
|
* <kendo-toolbar-button text="Save" kendoGridSaveTool></kendo-toolbar-button>
|
|
30
29
|
* </kendo-toolbar>
|
|
31
30
|
* </kendo-grid>
|
|
32
31
|
* ```
|
|
32
|
+
* @remarks
|
|
33
|
+
* Applied to: {@link ToolBarButtonComponent}.
|
|
33
34
|
*/
|
|
34
35
|
export class SaveCommandToolbarDirective extends ToolbarEditingToolBase {
|
|
35
36
|
editService;
|
|
@@ -13,14 +13,14 @@ import * as i0 from "@angular/core";
|
|
|
13
13
|
import * as i1 from "./edit.service";
|
|
14
14
|
import * as i2 from "../common/provider.service";
|
|
15
15
|
/**
|
|
16
|
-
* Represents the `save` command of the Grid.
|
|
16
|
+
* Represents the `save` command of the Grid. Apply this directive to any `button`
|
|
17
17
|
* element inside a [CommandColumnComponent]({% slug api_grid_commandcolumncomponent %})
|
|
18
18
|
* ([see example](slug:editing_directives_grid#toc-command-column-directives)).
|
|
19
|
-
* When
|
|
20
|
-
* [save]({% slug api_grid_gridcomponent %}#toc-save) event
|
|
21
|
-
* is
|
|
19
|
+
* When you click the button with this directive, the
|
|
20
|
+
* [`save`]({% slug api_grid_gridcomponent %}#toc-save) event fires.
|
|
21
|
+
* The button with `kendoGridSaveCommand` is automatically hidden when the row is not in edit mode.
|
|
22
22
|
*
|
|
23
|
-
* You can
|
|
23
|
+
* You can change the button content based on the row state.
|
|
24
24
|
*
|
|
25
25
|
* @example
|
|
26
26
|
* ```html
|
|
@@ -15,23 +15,30 @@ import * as i1 from "../grid.component";
|
|
|
15
15
|
import * as i2 from "../editing/local-data-changes.service";
|
|
16
16
|
import * as i3 from "../common/adaptiveness.service";
|
|
17
17
|
/**
|
|
18
|
-
*
|
|
18
|
+
* Represents the Kendo UI Grid external editing directive. The directive manages editing operations in the Grid when using the
|
|
19
19
|
* External Form ([see example](slug:editing_directives_grid#external-editing)).
|
|
20
|
+
*
|
|
21
|
+
* @example
|
|
22
|
+
* ```typescript
|
|
23
|
+
* <kendo-grid [data]="data" kendoGridExternalEditing></kendo-grid>
|
|
24
|
+
* ```
|
|
25
|
+
* @remarks
|
|
26
|
+
* Applied to: {@link GridComponent}.
|
|
20
27
|
*/
|
|
21
28
|
export class ExternalEditingDirective extends EditingDirectiveBase {
|
|
22
29
|
grid;
|
|
23
30
|
localDataChangesService;
|
|
24
31
|
adaptiveGridService;
|
|
25
32
|
/**
|
|
26
|
-
*
|
|
33
|
+
* Specifies the function that creates the `FormGroup` for the edited model.
|
|
27
34
|
*/
|
|
28
35
|
createFormGroup;
|
|
29
36
|
/**
|
|
30
|
-
*
|
|
37
|
+
* Customizes form orientation, hints, labels, and error messages.
|
|
31
38
|
*/
|
|
32
39
|
formSettings;
|
|
33
40
|
/**
|
|
34
|
-
*
|
|
41
|
+
* Customizes the Dialog that contains the edit form.
|
|
35
42
|
*/
|
|
36
43
|
dialogSettings;
|
|
37
44
|
constructor(grid, localDataChangesService, adaptiveGridService) {
|
|
@@ -12,15 +12,21 @@ import * as i0 from "@angular/core";
|
|
|
12
12
|
import * as i1 from "../grid.component";
|
|
13
13
|
import * as i2 from "../editing/local-data-changes.service";
|
|
14
14
|
/**
|
|
15
|
-
*
|
|
16
|
-
*
|
|
15
|
+
* Represent the directive that manages in-cell editing operations in the Grid when using Reactive Forms ([see example]({% slug editing_directives_grid %}#toc-in-cell-editing)).
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* ```typescript
|
|
19
|
+
* <kendo-grid [data]="data" kendoGridInCellEditing></kendo-grid>
|
|
20
|
+
* ```
|
|
21
|
+
* @remarks
|
|
22
|
+
* Applied to: {@link GridComponent}.
|
|
17
23
|
*/
|
|
18
24
|
export class InCellEditingDirective extends EditingDirectiveBase {
|
|
19
25
|
grid;
|
|
20
26
|
localDataChangesService;
|
|
21
27
|
cdr;
|
|
22
28
|
/**
|
|
23
|
-
*
|
|
29
|
+
* Specifies the function that creates the `FormGroup` for the edited model.
|
|
24
30
|
*/
|
|
25
31
|
createFormGroup;
|
|
26
32
|
constructor(grid, localDataChangesService, cdr) {
|
|
@@ -11,14 +11,20 @@ import * as i0 from "@angular/core";
|
|
|
11
11
|
import * as i1 from "../grid.component";
|
|
12
12
|
import * as i2 from "../editing/local-data-changes.service";
|
|
13
13
|
/**
|
|
14
|
-
*
|
|
15
|
-
*
|
|
14
|
+
* Represents the directive that manages editing operations in the Grid when using Reactive Forms ([see example](slug:editing_directives_grid#toc-reactive-editing-directive)).
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* ```typescript
|
|
18
|
+
* <kendo-grid [data]="data" kendoGridReactiveEditing></kendo-grid>
|
|
19
|
+
* ```
|
|
20
|
+
* @remarks
|
|
21
|
+
* Applied to: {@link GridComponent}.
|
|
16
22
|
*/
|
|
17
23
|
export class ReactiveEditingDirective extends RowEditingDirectiveBase {
|
|
18
24
|
grid;
|
|
19
25
|
localDataChangesService;
|
|
20
26
|
/**
|
|
21
|
-
*
|
|
27
|
+
* Specifies the function that creates the `FormGroup` for the edited model.
|
|
22
28
|
*/
|
|
23
29
|
createFormGroup;
|
|
24
30
|
constructor(grid, localDataChangesService) {
|
|
@@ -10,14 +10,20 @@ import * as i0 from "@angular/core";
|
|
|
10
10
|
import * as i1 from "../grid.component";
|
|
11
11
|
import * as i2 from "../editing/local-data-changes.service";
|
|
12
12
|
/**
|
|
13
|
-
*
|
|
14
|
-
*
|
|
13
|
+
* Represents the directive that manages editing operations in the Grid when using Template-Driven Angular Forms ([see example]({% slug editing_directives_grid %}#toc-template-editing-directive)).
|
|
14
|
+
*
|
|
15
|
+
* @example
|
|
16
|
+
* ```typescript
|
|
17
|
+
* <kendo-grid [data]="data" kendoGridTemplateEditing></kendo-grid>
|
|
18
|
+
* ```
|
|
19
|
+
* @remarks
|
|
20
|
+
* Applied to: {@link GridComponent}.
|
|
15
21
|
*/
|
|
16
22
|
export class TemplateEditingDirective extends RowEditingDirectiveBase {
|
|
17
23
|
grid;
|
|
18
24
|
localDataChangesService;
|
|
19
25
|
/**
|
|
20
|
-
*
|
|
26
|
+
* Specifies the function that creates the `dataItem` for new rows.
|
|
21
27
|
*/
|
|
22
28
|
createNewItem;
|
|
23
29
|
dataItem;
|
|
@@ -13,24 +13,21 @@ import * as i1 from "./excel.service";
|
|
|
13
13
|
import * as i2 from "@progress/kendo-angular-toolbar";
|
|
14
14
|
import * as i3 from "../common/provider.service";
|
|
15
15
|
/**
|
|
16
|
-
* Represents the
|
|
17
|
-
*
|
|
18
|
-
*
|
|
19
|
-
*
|
|
20
|
-
* When the user clicks a button associated with the directive, the
|
|
21
|
-
* [excelExport]({% slug api_grid_gridcomponent %}#toc-excelexport) event
|
|
22
|
-
* fires ([see example]({% slug excelexport_grid %})).
|
|
16
|
+
* Represents the **Export to Excel** toolbar tool of the Grid.
|
|
17
|
+
* Apply this directive to any `kendo-toolbar-button` element inside a ToolbarComponent used in the Grid.
|
|
18
|
+
* When the user clicks the button, the [`excelExport`]({% slug api_grid_gridcomponent %}#toc-excelexport) event fires ([see example]({% slug excelexport_grid %})).
|
|
23
19
|
*
|
|
24
20
|
* @example
|
|
25
|
-
* ```html
|
|
21
|
+
* ```html
|
|
26
22
|
* <kendo-grid>
|
|
27
|
-
*
|
|
28
|
-
*
|
|
29
|
-
*
|
|
30
|
-
*
|
|
31
|
-
* </kendo-grid-excel>
|
|
23
|
+
* <kendo-toolbar>
|
|
24
|
+
* <kendo-toolbar-button text="Excel Export" kendoGridExcelTool></kendo-toolbar-button>
|
|
25
|
+
* </kendo-toolbar>
|
|
26
|
+
* <kendo-grid-excel fileName="Grid.xlsx"></kendo-grid-excel>
|
|
32
27
|
* </kendo-grid>
|
|
33
28
|
* ```
|
|
29
|
+
* @remarks
|
|
30
|
+
* Applied to: {@link ToolBarButtonComponent}.
|
|
34
31
|
*/
|
|
35
32
|
export class ExcelCommandToolbarDirective extends ToolbarToolBase {
|
|
36
33
|
excelService;
|
|
@@ -12,21 +12,17 @@ import * as i0 from "@angular/core";
|
|
|
12
12
|
import * as i1 from "./excel.service";
|
|
13
13
|
import * as i2 from "../common/provider.service";
|
|
14
14
|
/**
|
|
15
|
-
* Represents the `
|
|
16
|
-
* directive to any `button` element inside a
|
|
17
|
-
* [
|
|
18
|
-
* When the user clicks a button associated with the directive, the
|
|
19
|
-
* [excelExport]({% slug api_grid_gridcomponent %}#toc-excelexport) event
|
|
20
|
-
* fires ([see example]({% slug excelexport_grid %})).
|
|
15
|
+
* Represents the `excelExport` command of the Grid. Apply this
|
|
16
|
+
* directive to any `button` element inside a [`ToolbarTemplate`]({% slug api_grid_toolbartemplatedirective %}).
|
|
17
|
+
* When the user clicks the button, the [`excelExport`]({% slug api_grid_gridcomponent %}#toc-excelexport) event fires ([see example]({% slug excelexport_grid %})).
|
|
21
18
|
*
|
|
22
19
|
* @example
|
|
23
20
|
* ```html
|
|
24
21
|
* <kendo-grid>
|
|
25
|
-
*
|
|
26
|
-
*
|
|
27
|
-
*
|
|
28
|
-
*
|
|
29
|
-
* </kendo-grid-excel>
|
|
22
|
+
* <ng-template kendoGridToolbarTemplate>
|
|
23
|
+
* <button kendoGridExcelCommand>Export to Excel</button>
|
|
24
|
+
* </ng-template>
|
|
25
|
+
* <kendo-grid-excel fileName="Grid.xlsx"></kendo-grid-excel>
|
|
30
26
|
* </kendo-grid>
|
|
31
27
|
* ```
|
|
32
28
|
*/
|
|
@@ -4,10 +4,13 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { PreventableEvent } from '../common/preventable-event';
|
|
6
6
|
/**
|
|
7
|
-
*
|
|
7
|
+
* Provides arguments for the `excelExport` event.
|
|
8
8
|
*/
|
|
9
9
|
export class ExcelExportEvent extends PreventableEvent {
|
|
10
10
|
workbook;
|
|
11
|
+
/**
|
|
12
|
+
* @hidden
|
|
13
|
+
*/
|
|
11
14
|
constructor(workbook) {
|
|
12
15
|
super();
|
|
13
16
|
this.workbook = workbook;
|
|
@@ -57,64 +57,63 @@ const componentColumns = (component) => {
|
|
|
57
57
|
return orderBy(columns, [{ field: 'locked', dir: 'desc' }]);
|
|
58
58
|
};
|
|
59
59
|
/**
|
|
60
|
-
*
|
|
60
|
+
* The component is required when exporting the data to an Excel file. The componnet provides different options to further configure the Excel export settings of the Grid ([see example]({% slug excelexport_grid %})).
|
|
61
|
+
*
|
|
62
|
+
* @example
|
|
63
|
+
* ```html
|
|
64
|
+
* <kendo-grid>
|
|
65
|
+
* <kendo-grid-excel fileName="Export.xlsx"></kendo-grid-excel>
|
|
66
|
+
* </kendo-grid>
|
|
67
|
+
* ```
|
|
61
68
|
*/
|
|
62
69
|
export class ExcelComponent {
|
|
63
70
|
ctx;
|
|
64
71
|
zone;
|
|
65
72
|
/**
|
|
66
|
-
*
|
|
73
|
+
* Sets the file name for the exported Excel file.
|
|
67
74
|
* @default "Export.xlsx"
|
|
68
75
|
*/
|
|
69
76
|
fileName = 'Export.xlsx';
|
|
70
77
|
/**
|
|
71
|
-
* Enables or disables column filtering in the Excel file. This
|
|
78
|
+
* Enables or disables column filtering in the Excel file. This option is different from the Grid's filtering feature.
|
|
72
79
|
*/
|
|
73
80
|
filterable;
|
|
74
81
|
/**
|
|
75
|
-
*
|
|
82
|
+
* Sets the author of the workbook.
|
|
76
83
|
*/
|
|
77
84
|
creator;
|
|
78
85
|
/**
|
|
79
|
-
*
|
|
86
|
+
* Sets the creation date of the workbook.
|
|
80
87
|
*/
|
|
81
88
|
date;
|
|
82
89
|
/**
|
|
83
|
-
*
|
|
90
|
+
* Forwards the content to [`proxyURL`](#toc-proxyurl) even if the browser supports local file saving when set to `true`.
|
|
84
91
|
*/
|
|
85
92
|
forceProxy;
|
|
86
93
|
/**
|
|
87
|
-
*
|
|
88
|
-
*
|
|
89
|
-
*
|
|
90
|
-
*
|
|
91
|
-
*
|
|
92
|
-
* but transmits it over the network instead. For this use case, set [forceProxy](#toc-forceproxy) to `true`
|
|
93
|
-
* to skip client-side saving even in browser that support it.
|
|
94
|
-
*
|
|
95
|
-
* In the request body, the proxy receives a POST request with the specific parameters. [See example](slug:server_proxy#toc-implementations).
|
|
96
|
-
* The proxy returns the decoded file with the `"Content-Disposition"` header set to `attachment; filename="<fileName.xslx>"`.
|
|
97
|
-
*
|
|
98
|
-
* For details on the server-side proxy usage and implementation, see the [File Saver]({% slug overview_filesaver %}) documentation.
|
|
94
|
+
* Sets the URL of the server-side proxy that streams the file to the user. Use a proxy if the browser cannot save files locally.
|
|
95
|
+
* You can also use a proxy to reduce memory usage by transmitting the file over the network.
|
|
96
|
+
* Set [`forceProxy`](#toc-forceproxy) to `true` to skip client-side saving.
|
|
97
|
+
* The proxy receives a POST request with specific parameters and returns the decoded file with the `"Content-Disposition"` header set to `attachment; filename="<fileName.xslx>"`.
|
|
98
|
+
* For more details, see the [File Saver]({% slug overview_filesaver %}) documentation.
|
|
99
99
|
*/
|
|
100
100
|
proxyURL;
|
|
101
101
|
/**
|
|
102
|
-
*
|
|
103
|
-
*
|
|
102
|
+
* Provides a function to get the exported data options. By default, uses the current Grid data and group.
|
|
103
|
+
* Supply a custom function to export different data. Typically used to export all data, not just the current page [see example](slug:excelexport_grid#exporting-specific-data).
|
|
104
104
|
*/
|
|
105
105
|
fetchData;
|
|
106
106
|
/**
|
|
107
|
-
*
|
|
108
|
-
*
|
|
107
|
+
* Sets options for cells inserted before the data, group, and footer cells to indicate the group hierarchy if the data is grouped.
|
|
108
|
+
*
|
|
109
109
|
*/
|
|
110
110
|
paddingCellOptions;
|
|
111
111
|
/**
|
|
112
|
-
*
|
|
113
|
-
* header cells to align the headers and the column values.
|
|
112
|
+
* Sets the options for cells inserted before the header cells to align the headers and the column values when the data is grouped.
|
|
114
113
|
*/
|
|
115
114
|
headerPaddingCellOptions;
|
|
116
115
|
/**
|
|
117
|
-
* Specifies if
|
|
116
|
+
* Specifies if groups in the Excel file are collapsible.
|
|
118
117
|
*/
|
|
119
118
|
collapsible;
|
|
120
119
|
/**
|
|
@@ -13,11 +13,9 @@ import * as i4 from "./excel-command-tool.directive";
|
|
|
13
13
|
import * as i5 from "@progress/kendo-angular-excel-export";
|
|
14
14
|
// IMPORTANT: NgModule export kept for backwards compatibility
|
|
15
15
|
/**
|
|
16
|
-
*
|
|
17
|
-
* definition for the Excel component of the Grid.
|
|
16
|
+
* Defines the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) for the Excel component of the Grid.
|
|
18
17
|
*
|
|
19
18
|
* @example
|
|
20
|
-
*
|
|
21
19
|
* ```ts
|
|
22
20
|
* import { NgModule } from '@angular/core';
|
|
23
21
|
* import { BrowserModule } from "@angular/platform-browser";
|
|
@@ -25,12 +23,11 @@ import * as i5 from "@progress/kendo-angular-excel-export";
|
|
|
25
23
|
* import { AppComponent } from './app.component';
|
|
26
24
|
*
|
|
27
25
|
* _@NgModule({
|
|
28
|
-
*
|
|
29
|
-
*
|
|
30
|
-
*
|
|
26
|
+
* declarations: [AppComponent],
|
|
27
|
+
* imports: [BrowserModule, GridModule, ExcelModule],
|
|
28
|
+
* bootstrap: [AppComponent]
|
|
31
29
|
* })
|
|
32
30
|
* export class AppModule {}
|
|
33
|
-
*
|
|
34
31
|
* ```
|
|
35
32
|
*/
|
|
36
33
|
export class ExcelModule {
|