Released: Nov 29, 2023

17.1.0 中的更新

特性

• IgxGrid, IgxTreeGrid and IgxHierarchicalGrid
  • Added a new rowClick output that fires when the user clicks on a row element of the grid, including group rows.
• IgxTree
  • Added new toggleNodeOnClick property which determines whether clicking over a node will change its expanded state or not. Set to false by default.
• IgxPivotGrid
  • IPivotDimension interface now exposes a property called displayName similar to the one in the IPivotValue interface. This property is optional and will be displayed inside the chips for rows and columns in the IgxPivotGrid. If the displayName proeprty is not set, memberName will be used as a fallback.
• IgxHierarchicalGrid and IgxGridToolbar
  • The declaration of child layout toolbar templates no longer require explicit grid reference.
  • With this change the grid property of the IgxGridToolbar has been deprecated as it's no longer needed and will be removed in a future version.
• IgxIconButton
  • Added new igxIconButton directive which provides a way to use an icon as a fully functional button. The new igxIconButton comes in three types - flat, outlined and contained (default). All igxButton's with type icon will be automatically migrated to the new igxIconButton's with ng update.
• IgxButton
  • Behavioral Change - buttonSelected event is now emitted not only when a button gets selected, but also when it gets deselected. However, the event is no longer being emitted on initialization. If this event was used in a scenario where it is assumed that the button gets selected, it's a good idea for the logic to be branched now based on eventArgs.selected condition.
• IgxRowIsland
  • Added toolbarTemplate and paginatorTemplate inputs for defining IgxGridToolbar and IgxPaginator templates.
• General
  • IgxButton:
    • Breaking Change - The raised type of the igxButton directive has been renamed to contained. Automatic migrations are available and will be applied on ng update.
    • The igxButtonColor and igxButtonBackground input properties have been deprecated and will be removed in a future version.
  • IgxForOf
    • Unified logic for vertical and horizontal virtualization such as - caching, updating, max browser size exceeding.
    • Added new addScroll method that can shift the scroll thumb by the specified amount in pixels (negative number to scroll to previous, positive to scroll next). Similar to addScrollTop but works for both vertical and horizontal virtualization.
  • IgxTextHighlightDirective
    • IgxTextHighlightDirective is now correctly tree-shaken out of the bundle when not used.
  • IgxGrid, IgxTreeGrid and IgxHierarchicalGrid
    • Tree-shaking of the grids has been improved - The igx-paginator, igx-grid-toolbar and igx-action-strip components should now correctly tree-shake when not used in a grid.
    • Breaking Changes - rowAdd and rowDelete events now emit event argument of type IRowDataCancelableEventArgs instead of IGridEditEventArgs. The two interfaces are still compatible, however redundant for these events properties cellID, newValue, oldValue, isAddRow are deprecated in IRowDataCancelableEventArgs and will be removed in a future version. Switching to the correct new interfaces should reveal any deprecated use that can be safely removed.
    • Deprecations
      • rowID property has been deprecated in the following interfaces: IGridEditDoneEventArgs, IPathSegment, IRowToggleEventArgs, IPinRowEventArgs, IgxAddRowParent and will be removed in a future version. Use rowKey instead.
      • primaryKey property has been deprecated in the following interfaces: IRowDataEventArgs, IGridEditDoneEventArgs. Use rowKey instead.
      • data property has been deprecated in the following interfaces: IRowDataEventArgs. Use rowData instead.
  • HammerJS is now an optional dependency, which means apps no longer need to install and include it for related components to work. Touch-specific handling on some components is still dependent on HammerJS setup, but will be disabled without. The setup is now also an option when adding Ignite UI for Angular to existing projects via the ng add command.