Infragistics Ignite UI for React 21.1

React Grid adds the ability to control the behavior of the Enter key when pressed to commit an edit operation.
June 03, 2021 - 10:55
New Version

Features

React Grid

  • Enter Behavior After Edit - Added new property named EnterBehaviorAfterEdit. This property will control the behavior of the Enter key when it is pressed to commit an edit operation. The EnterBehaviorAfterEdit property has the following options:
    • None (Default) - after an edit is committed using the Enter key, the current cell stays active.
    • MoveUp - after an edit is committed using the Enter key, the cell above the current cell becomes active.
    • MoveDown - after an edit is committed using the Enter key, the cell below the active cell becomes active.
    • MoveLeft - after an edit is committed using the Enter key, the cell to the left of the current cell becomes active.
    • MoveRight - after an edit is committed using the Enter key, the cell to the right of the current cell becomes active.
  • Enter Behavior - Use the Enter key to navigate cells instead of entering edit mode on a cell. The EnterBehavior property has the following options:
    • None - pressing the Enter key does nothing.
    • Edit (Default) - the active cell enters edit mode on pressing the enter key.
    • MoveUp - the cell above the current active cell becomes active.
    • MoveDown - the cell below the current active cell becomes active.
    • MoveLeft - the cell to the left of the current active cell becomes active.
    • MoveRight - the cell to the right of the current active cell becomes active.
  • Begin Editing on Key Press - You can now immediately enter edit mode on an active cell by typing valid edit characters on the keyboard.
  • Selection Improvements - Added row range selection. Row selection can be made using either the mouse or keyboard.
  • Column Summaries in Column Options - End-users can now add summaries to any column they want using the column options dialog.

React Date Picker

  • Text Input - You can now use the keyboard to enter dates into the React date picker component without selecting a date from the calendar drop down. You enter the date value as a numeric or an alpha-numeric representation of the date.
  • Format Input Text - Now that text input is allowed in the React Date Picker, it is important that you can format the date that is displayed in the text area of the date picker component for your locale.
  • Today Button - Added a “Today Button” to the calendar drop down. This "Today" button will bring the current date into focus within the calendar drop down no matter what month or year you have navigated to within the calendar.
  • First Day of Week - You can now define the first day of the week for your locale by setting the FirstDayOfWeek property.
  • Week Numbers - By setting the ShowWeekNumbers property to true, you can display a column which displays the number of weeks in the current month.
  • First Week of Year - When using Week Numbers, you can define when to start the first week of the year.
  • Date Limits - When date limits are set via the MinDate and MaxDate properties, the React Date Picker will not allow out-of-bounds dates to be picked or entered. All dates that fall outside the set date limits will be disabled and grayed out.
  • Labels - You can provide a text caption or description for the React Date Picker by setting the Label property.
  • Placeholders - When the value of the React Date Picker is null, you can render a text hint to your end users by setting the Placeholder property of the component.
  • Accessibility - The React Date Picker is now accessible by screen readers and provides full WAI-ARIA accessibility support and 508 compliance.
Enter Behavior After Edit

Infragistics Ignite UI for React

High-performance data grid and high-volume data charts.

Got a Question?

Live Chat with our Infragistics licensing specialists now.