From 42ad29439946d37a96fa5ca14d2ada361be4f514 Mon Sep 17 00:00:00 2001 From: Tacho Date: Tue, 6 Aug 2019 15:45:02 +0300 Subject: [PATCH] feat(esf): update search size & add docs #5448 --- CHANGELOG.md | 13 +++++++++++++ projects/igniteui-angular/src/lib/grids/README.md | 1 + .../excel-style/excel-style-search.component.ts | 4 ++++ .../grid.excel-style-filtering.component.ts | 1 + 4 files changed, 19 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index c0c86a271d7..78c9950db47 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,6 +2,19 @@ All notable changes for each version of this project will be documented in this file. +## 8.2.0 + +### New Features +- `IgxGrid`, `IgxTreeGrid`, `IgxHierarchicalGrid` + - `uniqueColumnValuesStrategy` input is added. This property provides a callback for loading unique column values on demand. If this property is provided, the unique values it generates will be used by the Excel Style Filtering (instead of using the unique values from the data that is bound to the grid). + - `igxExcelStyleLoading` directive is added, which can be used to provide a custom loading template for the Excel Style Filtering. If this property is not provided, a default loading template will be used instead. +### General +- `IgxGrid`, `IgxTreeGrid`, `IgxHierarchicalGrid` + - **Breaking Change** `igxExcelStyleSortingTemplate` directive is renamed to `igxExcelStyleSorting`. + - **Breaking Change** `igxExcelStyleMovingTemplate` directive is renamed to `igxExcelStyleMoving`. + - **Breaking Change** `igxExcelStyleHidingTemplate` directive is renamed to `igxExcelStyleHiding`. + - **Breaking Change** `igxExcelStylePinningTemplate` directive is renamed to `igxExcelStylePinning`. + ## 8.1.2 ### New Features diff --git a/projects/igniteui-angular/src/lib/grids/README.md b/projects/igniteui-angular/src/lib/grids/README.md index 148e82cbe18..08550e0fd4b 100644 --- a/projects/igniteui-angular/src/lib/grids/README.md +++ b/projects/igniteui-angular/src/lib/grids/README.md @@ -174,6 +174,7 @@ Below is the list of all inputs that the developers may set to configure the gri |`filteringLogic`| FilteringLogic | The filtering logic of the grid. Defaults to _AND_. | |`filteringExpressionsTree`| IFilteringExpressionsTree | The filtering state of the grid. | |`emptyFilteredGridMessage`| string | The message displayed when there are no records and the grid is filtered.| +|`uniqueColumnValuesStrategy`| void | Property that provides a callback for loading unique column values on demand. If this property is provided, the unique values it generates will be used by the Excel Style Filtering. | |`sortingExpressions`|Array|The sorting state of the grid.| |`rowSelectable`|boolean|Enables multiple row selection, default is _false_.| |`height`|string|The height of the grid element. You can pass values such as `1000px`, `75%`, etc.| diff --git a/projects/igniteui-angular/src/lib/grids/filtering/excel-style/excel-style-search.component.ts b/projects/igniteui-angular/src/lib/grids/filtering/excel-style/excel-style-search.component.ts index f89770629e7..1d40e098761 100644 --- a/projects/igniteui-angular/src/lib/grids/filtering/excel-style/excel-style-search.component.ts +++ b/projects/igniteui-angular/src/lib/grids/filtering/excel-style/excel-style-search.component.ts @@ -78,6 +78,10 @@ export class IgxExcelStyleSearchComponent implements AfterViewInit { constructor(private _cdr: ChangeDetectorRef) { } public ngAfterViewInit() { + this.refreshSize(); + } + + public refreshSize() { requestAnimationFrame(() => { this.virtDir.recalcUpdateSizes(); }); diff --git a/projects/igniteui-angular/src/lib/grids/filtering/excel-style/grid.excel-style-filtering.component.ts b/projects/igniteui-angular/src/lib/grids/filtering/excel-style/grid.excel-style-filtering.component.ts index 2695019486c..e60938238e8 100644 --- a/projects/igniteui-angular/src/lib/grids/filtering/excel-style/grid.excel-style-filtering.component.ts +++ b/projects/igniteui-angular/src/lib/grids/filtering/excel-style/grid.excel-style-filtering.component.ts @@ -360,6 +360,7 @@ export class IgxGridExcelStyleFilteringComponent implements OnDestroy, OnInit, A this.renderValues(columnValues); this.excelStyleSearch.isLoading = false; + this.excelStyleSearch.refreshSize(); }); }