7.3.17

Bug Fixes

• Overlay elements that originate from the grid's outlet div are incorrectly rendered #5674

8.2.0-beta.1

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.
  • introduced new properties cellSelection and rowSelection which accept GridSelection mode enumeration. Grid selection mode could be none, single or multiple. Also hideRowSelectors property is added, which allows you to show and hide row selectors when row selection is enabled.
• IgxHierarchicalGrid
  • Row Islands now emit child grid events with an additional argument - owner, which holds reference to the related child grid component instance.
• IgxDrag
  • Dragging without ghost. Now it is possible to drag the base element igxDrag is instanced on by setting the new input ghost to false.
  • Ghost template. A custom ghost template reference can be provided on the new ghostTemplate input.
  • Dragging using a single or multiple handles. New igxDragHandle directive is exposed to specify a handle by which and element can be interacted with instead of the whole element igxDrag is instanced on.
  • Linking of drag and drop elements. This can be achieved by using the new provided dragChannel input, specifying each element to which channel it corresponds.
  • Drag animation improvements. Three new methods have been exposed in place of the old animateToOrigin input in order to provide more flexibility when wanting to have transition animation to specific position when dropping. setLocation, transitionToOrigin and transitionTo are all methods that provide a various way to animate a transition to a specific location for the dragged element.
  • New getters - location and originLocation to aid in applying transition animations.
  • New outputs - dragMove, ghostCreate and ghostDestroy
• IgxDrop
  • Linking of drag and drop elements. This can be achieved by using the new provided dropChannel input, specifying each drop area to which channel it corresponds.
  • Drop strategies. Three new drop strategies have been provided - Append, Prepend and Insert. Also an input dropStrategy to the igxDrop which specify which strategy should be used when dropping an element inside the drop area. Custom one can be specified as well.

General

• IgxGrid, IgxTreeGrid, IgxHierarchicalGrid
  • isCellSelected method has been deprecated. Now you can use selected property.
  • rowSelectable property has been deprecated. Now you can use rowSelection property to enable row selection and also you can show and hide the row selectors by setting hideRowSelectors property to true or false (which is the default value).
  • Removed deprecated event OnFocusChange
  • 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 onRowSelectionChange event arguments are changed. The row property has been removed and the properties added, removed and cancel are newly added.
  • Breaking Change igxExcelStylePinningTemplate directive is renamed to igxExcelStylePinning.
  • Breaking Change onRowDragEnd and onRowDragStart event arguments are changed - owner now holds reference to the grid component instance, while dragDirective hold reference to the drag directive.
• IgxCombo
  • Combo selection is now consistent when valueKey is defined. When valueKey is specified, selection is based on the value keys of the items. For example:

  <igx-combo [data]="myCustomData" valueKey="id" displayKey="text"></igx-combo>

  export class MyCombo {
      ...
      public combo: IgxComboComponent;
      public myCustomData: { id: number, text: string } = [{ id: 0, name: "One" }, ...];
      ...
      ngOnInit() {
          // Selection is done only by valueKey property value
          this.combo.selectItems([0, 1]);
      }
  }

  • Breaking Change When using [valueKey], combo methods, events and outputs cannot be handled with data item references.
  • For more information, visit the component's readme

8.1.6

Bug Fixes

• Overlay elements that originate from the grid's outlet div are incorrectly rendered #5674

8.2.0-beta.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.
  • introduced new properties cellSelection and rowSelection which accept GridSelection mode enumeration. Grid selection mode could be none, single or multiple. Also hideRowSelectors property is added, which allows you to show and hide row selectors when row selection is enabled.
• IgxHierarchicalGrid
  • Row Islands now emit child grid events with an additional argument - owner, which holds reference to the related child grid component instance.
• IgxDrag
  • Dragging without ghost. Now it is possible to drag the base element igxDrag is instanced on by setting the new input ghost to false.
  • Ghost template. A custom ghost template reference can be provided on the new ghostTemplate input.
  • Dragging using a single or multiple handles. New igxDragHandle directive is exposed to specify a handle by which and element can be interacted with instead of the whole element igxDrag is instanced on.
  • Linking of drag and drop elements. This can be achieved by using the new provided dragChannel input, specifying each element to which channel it corresponds.
  • Drag animation improvements. Three new methods have been exposed in place of the old animateToOrigin input in order to provide more flexibility when wanting to have transition animation to specific position when dropping. setLocation, transitionToOrigin and transitionTo are all methods that provide a various way to animate a transition to a specific location for the dragged element.
  • New getters - location and originLocation to aid in applying transition animations.
  • New outputs - dragMove, ghostCreate and ghostDestroy
• IgxDrop
  • Linking of drag and drop elements. This can be achieved by using the new provided dropChannel input, specifying each drop area to which channel it corresponds.
  • Drop strategies. Three new drop strategies have been provided - Append, Prepend and Insert. Also an input dropStrategy to the igxDrop which specify which strategy should be used when dropping an element inside the drop area. Custom one can be specified as well.

General

• IgxGrid, IgxTreeGrid, IgxHierarchicalGrid
  • isCellSelected method has been deprecated. Now you can use selected property.
  • rowSelectable property has been deprecated. Now you can use rowSelection property to enable row selection and also you can show and hide the row selectors by setting hideRowSelectors property to true or false (which is the default value).
  • Removed deprecated event OnFocusChange
  • 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 onRowSelectionChange event arguments are changed. The row property has been removed and the properties added, removed and cancel are newly added.
  • Breaking Change igxExcelStylePinningTemplate directive is renamed to igxExcelStylePinning.
  • Breaking Change onRowDragEnd and onRowDragStart event arguments are changed - owner now holds reference to the grid component instance, while dragDirective hold reference to the drag directive.
• IgxCombo
  • Combo selection is now consistent when valueKey is defined. When valueKey is specified, selection is based on the value keys of the items. For example:

  <igx-combo [data]="myCustomData" valueKey="id" displayKey="text"></igx-combo>

  export class MyCombo {
      ...
      public combo: IgxComboComponent;
      public myCustomData: { id: number, text: string } = [{ id: 0, name: "One" }, ...];
      ...
      ngOnInit() {
          // Selection is done only by valueKey property value
          this.combo.selectItems([0, 1]);
      }
  }

  • Breaking Change When using [valueKey], combo methods, events and outputs cannot be handled with data item references.
  • For more information, visit the component's readme

8.1.5

Bug fixing

• igxTooltip expected arguments build --prod #5671
• Misalignment of the Cells in the grid when Row Selection is enabled #3918
• IgxTooltip prevents button's click functionality in mobile view #5577
• Deleting the last row of a tree grid or hgrid by dropping it onto a droppable area throws an error #5300

7.3.16

Bug fixing

• igxTooltip expected arguments build --prod #5671
• Misalignment of the Cells in the grid when Row Selection is enabled #3918
• IgxTooltip prevents button's click functionality in mobile view #5577
• Deleting the last row of a tree grid or hgrid by dropping it onto a droppable area throws an error #5300

8.1.4

Bug fixes

• [igx-nav-drawer] drawer item icon is not centered when mini variant is enabled. #5571
• Row drag indicator is not positioned correct in the child grid(without row island) #5473
• Dynamically adding columns to parent hierarchical grid after initialization does not work. #5626
• Change CSS Style of Grid Buttons #5232
• In ExcelStyleFilter move right does not moves the column if there is pinned column group #5604
• There are no pining and hiding button in excel style filtering when column layouts are used #5598
• Null reference error is thrown when dragged row goes out of viewport #5587
• Grid does not update row selection state if deselectRows is called onRowEdit #5536
• igxDialog: exposed positionSettings input #5576

7.3.15

Bug fixes

• Row drag indicator is not positioned correct in the child grid(without row island) #5473
• Dynamically adding columns to parent hierarchical grid after initialization does not work. #5626
• Change CSS Style of Grid Buttons #5232
• In ExcelStyleFilter move right does not moves the column if there is pinned column group #5604
• There are no pining and hiding button in excel style filtering when column layouts are used #5598
• Null reference error is thrown when dragged row goes out of viewport #5587
• Grid does not update row selection state if deselectRows is called onRowEdit #5536
• igxDialog: exposed positionSettings input #5576

8.1.3

Bug fixes

• In column groups when column cannot be pinned, the pinned button should be disabled in excel style filter #5557
• [Sass] "--var" function doesn't work when $legacy-support is set to false on production build. #5572
• Typing a non-existing value in the search input does not disable the apply filter button. #4018
• Summary theme/schema #5564
• igx-grid - Custom cell does not support ngIf anymore #5550

Enhancements

• Combo selectionChange event args #5523
  IgxCombo
  • Combo onSelectionChange events now emits the item(s) that were added to or removed from the collection:

  <igx-combo (onSelectionChange)="handleChange($event)">

      export class Example {
          ...
          handleChange(event: {
              newSelection: any[],
              oldSelection: any[],
              added: any[], // the items added to the selection in this change
              removed: any[], // the items removed for the selection in this change
              ... 
          }) {
          console.log("Items added: ", [...event.added]);
          console.log("Items removed: ", [...event.removed]);
          }
      }

7.3.14

Bug fixes

• In column groups when column cannot be pinned, the pinned button should be disabled in excel style filter #5557
• Typing a non-existing value in the search input does not disable the apply filter button. #4018