Released: Dec 16, 2021

21.2 での更新項目

機能

Ignite UI for Blazor

• Added support for Microsoft .NET 6.
• Blazor Grid - Improved Blazor Grid with the following:
  • Filter Row - Added a brand-new filter row to the data grid component. You can now provide filters inline making for a much better end-user filtering experience. Not only can you filter a specific column, but you can also choose the filter operand for that filter such as start-with, ends with, and contains just to name a few. You can also build your own custom filter operands that will show in the data grids new filter row.
  • Interactive GroupBy - Added the ability to group columns by a simple drag and drop operation. You can now drag and drop any column header into the brand-new data grid GroupBy Header to automatically apply your groupings.
  • Cell Merging - Added full support for cell merging allowing you to deliver data clarity and avoid duplication by merging neighboring data cells across different rows whenever they display matching values.
  • Save/Load Layout - End-users can now save the state of their changes to be loaded later when they move, sort, filter, pin, resize a column, add a summary, or group the data grid at runtime. You can now save the layout of the Blazor data grid to JSON using the DataGrid.SaveLayout method and then provide the ability to load any saved layout back into the data grid using the DataGrid.LoadLayout method.
• Added new Blazor Avatar - The Avatar component allows you to add initials, images, or material icons to your application.
• Added new Blazor Badge - Badge is a component used in conjunction with avatars, navigation menus, or other components in an application when a visual notification is needed. Badges are usually designed as icons with a predefined style to communicate information, success, warnings, or errors.
• Added new Blazor Button - The Button directive is intended to turn any button, span, div, or anchor element into a fully functional button.
• Added new Blazor Calendar - The Calendar component provides an easy and intuitive way to display date information. Users can choose from three different selection modes - single selection, multi selection or range selection.
• Added new Blazor Card - The Card component displays text, images, icons, and buttons in a visually rich presentation that can serve as an entry point to more detailed information.
• Added new Blazor Checkbox - The Checkbox component is a selection control that allows users to make a binary choice for a certain condition. It behaves similarly to the native browser checkbox.
• Added new Blazor Icon - The Icon component unifies icon/font families so developers can use them interchangeably and add material icons to markup.
• Added new Blazor Input - The Ignite UI for Blazor Input is used to create single-line or multi-line text elements. They help to cover common scenarios when dealing with form inputs.
• Added new Blazor List - The List component is extremely useful when presenting a group of items. You can create a simple list of textual items, or a more complex one, containing an array of different layout elements. The List component displays rows of items and supports one or more header items. Each list item is completely templatable and will support any valid HTML.
• Added new Blazor Navigation Bar - The Navigation Bar component informs the user of their current position in an app and helps them move back (much like the “back” button in a browser). The Navigation Bar can also provide links to quick actions such as search or favorite, helping users navigate smoothly through an application without trying to move to invalid routes or states. The bar sits at the top of the container it is placed in.
• Added new Blazor Navigation Drawer - The Navigation Drawer component is a side navigation container. It can rest above content and slide in/out of view or be pinned to expand/collapse within the content. A mini version provides quick access to navigation even when closed. The Navigation Drawer features responsive mode selection and touch gestures. Content is completely customizable and can make use of default menu item styling.
• Added new Blazor Radio and Radio Group - The Radio Button and Radio Group components allow the user to select a single option from an available set of options that are listed side by side.
• Added new Blazor Ripple - The Ripple component creates an animation in response to a touch or a mouse click.
• Added new Blazor Switch - The Switch component functions like a checkbox but explicitly represents boolean on and off states. Clicking the Switch component will toggle the value of the component from an “on” state (boolean true) and to an “off” state (boolean false).

Ignite UI for React

• React Grid - Improved React Grid with the following:
  • Filter Row - Added a brand-new filter row to the data grid component. You can now provide filters inline making for a much better end-user filtering experience. Not only can you filter a specific column, but you can also choose the filter operand for that filter such as start-with, ends with, and contains just to name a few. You can also build your own custom filter operands that will show in the data grids new filter row.
  • Interactive GroupBy - Added the ability to group columns by a simple drag and drop operation. You can now drag and drop any column header into the brand-new data grid GroupBy Header to automatically apply your groupings.
  • Cell Merging - Added full support for cell merging allowing you to deliver data clarity and avoid duplication by merging neighboring data cells across different rows whenever they display matching values.
  • Save/Load Layout - End-users can now save the state of their changes to be loaded later when they move, sort, filter, pin, resize a column, add a summary, or group the data grid at runtime. You can now save the layout of the React data grid to JSON using the DataGrid.SaveLayout method and then provide the ability to load any saved layout back into the data grid using the DataGrid.LoadLayout method.

Ignite UI for Web Components

• Web Components Grid - Improved Web Components Grid with the following:
  • Filter Row - Added a brand-new filter row to the data grid component. You can now provide filters inline making for a much better end-user filtering experience. Not only can you filter a specific column, but you can also choose the filter operand for that filter such as start-with, ends with, and contains just to name a few. You can also build your own custom filter operands that will show in the data grids new filter row.
  • Interactive GroupBy - Added the ability to group columns by a simple drag and drop operation. You can now drag and drop any column header into the brand-new data grid GroupBy Header to automatically apply your groupings.
  • Cell Merging - Added full support for cell merging allowing you to deliver data clarity and avoid duplication by merging neighboring data cells across different rows whenever they display matching values.
  • Save/Load Layout - End-users can now save the state of their changes to be loaded later when they move, sort, filter, pin, resize a column, add a summary, or group the data grid at runtime. You can now save the layout of the Web Components data grid to JSON using the DataGrid.SaveLayout method and then provide the ability to load any saved layout back into the data grid using the DataGrid.LoadLayout method.
• Added new Web Components Avatar - The Avatar component allows you to add initials, images, or material icons to your application.
• Added new Web Components Badge - Badge is a component used in conjunction with avatars, navigation menus, or other components in an application when a visual notification is needed. Badges are usually designed as icons with a predefined style to communicate information, success, warnings, or errors.
• Added new Web Components Button - The Button directive is intended to turn any button, span, div, or anchor element into a fully functional button.
• Added new Web Components Calendar - The Calendar component provides an easy and intuitive way to display date information. Users can choose from three different selection modes - single selection, multi selection or range selection.
• Added new Web Components Card - The Card component displays text, images, icons, and buttons in a visually rich presentation that can serve as an entry point to more detailed information.
• Added new Web Components Checkbox - The Checkbox component is a selection control that allows users to make a binary choice for a certain condition. It behaves similarly to the native browser checkbox.
• Added new Web Components Icon - The Icon component unifies icon/font families so developers can use them interchangeably and add material icons to markup.
• Added new Web Components Input - The Ignite UI for Web Components Input is used to create single-line or multi-line text elements. They help to cover common scenarios when dealing with form inputs.
• Added new Web Components List - The List component is extremely useful when presenting a group of items. You can create a simple list of textual items, or a more complex one, containing an array of different layout elements. The List component displays rows of items and supports one or more header items. Each list item is completely templatable and will support any valid HTML.
• Added new Web Components Navigation Bar - The Navigation Bar component informs the user of their current position in an app and helps them move back (much like the “back” button in a browser). The Navigation Bar can also provide links to quick actions such as search or favorite, helping users navigate smoothly through an application without trying to move to invalid routes or states. The bar sits at the top of the container it is placed in.
• Added new Web Components Navigation Drawer - The Navigation Drawer component is a side navigation container. It can rest above content and slide in/out of view or be pinned to expand/collapse within the content. A mini version provides quick access to navigation even when closed. The Navigation Drawer features responsive mode selection and touch gestures. Content is completely customizable and can make use of default menu item styling.
• Added new Web Components Radio and Radio Group - The Radio Button and Radio Group components allow the user to select a single option from an available set of options that are listed side by side.
• Added new Web Components Ripple - The Ripple component creates an animation in response to a touch or a mouse click.
• Added new Web Components Switch - The Switch component functions like a checkbox but explicitly represents boolean on and off states. Clicking the Switch component will toggle the value of the component from an “on” state (boolean true) and to an “off” state (boolean false).