This topic presents the controls and the new and enhanced features for the Ignite UI™ 2016 Volume 1 release.
The following summarizes what’s new in 2016 Volume 1. Additional details follow.
| Feature | Description | |
|---|---|---|
| New Bootstrap 4 theme | A new Bootstrap 4 compatible theme is now shipped with Ignite UI for jQuery - view sample. | |
| Angular 2 Components (CTP) | Ignite UI for jQuery widgets have component wrappers for Angular 2. For detailed information visit Ignite UI for jQuery Angular 2 GitHub page. | |
| New scalable font icons | The default Infragistics theme now uses jQuery UI font icons instead of image icons. | |
| Modernizr 3.x support | Ignite UI for jQuery uses Modernizr library to detect touch environments (see Touch Support for Ignite UI for jQuery Controls). Mordernizr 3.x is now supported along with older Modernizr versions. |
| Feature | Description |
|---|---|
| Splitter Options | splitterOptions now replaces the showSplitter option. Besides showing and hiding, additional functionalities are added. You can configure the splitter to be collapsible as well as attach to its collapsed/expanded events. Since showSplitter option will no longer be available, you can refer to the following sample to see how the new option can be used - view sample. |
| Feature | Description | |
|---|---|---|
New field option - mapper |
For field with dataType="object" we now allow setting a mapper function, which can be used for complex data extraction from complex objects, whose return value will be used for all data operations executed on the specific field. You can find more detailed information in the following topic: igDataSource Overview |
| Feature | Description | |
|---|---|---|
| New column option - mapper | For columns with dataType="object" we now allow setting a mapper function, which can be used for complex data extraction from complex objects, whose return value will be used for all data operations executed on the specific column.- view sample. You can find more detailed information in the following topic: Columns and Layout |
|
| The ColumnFixing feature now works with grid width set in percentage | The ColumnFixing feature now works when the grid width is set in percentage. Note: The column widths should still be defined in pixels units (either explicitly or using the defaultColumnWidth option). |
|
| Multi-Row Layout feature | The Multi-Row Layout feature enables you to create complex grid record layouts, that contain multiple rows with cells in them spanning multiple columns and rows. | |
| Checkbox Appearance | Checkbox column visual appearance have changed to indicate that the checkmarks are not interactable in display mode. | |
| Paste from Excel sample | A new sample is added that demonstrates pasting Excel clipboard data into igGrid - view sample. |
| Feature | Description |
|---|---|
| Improved Updating feature | igTreeGrid Updating feature now adds the UI for adding root and child level rows. |
Starting with 16.1 release Ignite UI for jQuery the minimum supported TypeScript version is 1.4.
| Feature | Description |
|---|---|
| Support for union types | widget members now support union types which greatly improves type checking. |
| Intellisense improvements | Intellisense is improved for options and methods. |
| Member descriptions | All members now have a description. |
The Multi-Row Layout feature enables you to create complex grid record layouts, that contain multiple rows with cells in them spanning multiple columns and rows. Such structure allows for greater rendering flexibility for grids with many columns that would otherwise require a horizontal scrollbar or when the data shown is better presented in a non-tabular fashion.
Initializing the Multi-Row Layout is done entirely through the igGrid's column collection. Four new properties are added to the column definition that specify the position and size of the column - rowIndex, columnIndex, rowSpan and colSpan.
Checkbox column visual appearance have changed and it's square box is not going to be rendered when the grid is in display mode. What would be provided is only a plain checkmark. This change is due to refinement of the experience for the end-users, who naturally perceived that this was an interactive element, which they can click to toggle.
The "Add new row" user interface is now enabled and along with it TreeGrid Updating supports adding new records not only directly to the root level, but also adding a child records to a specified level as through the UI, as well through the API.
The "Add child row" button is available next to the "Delete row" button when a row is hoovered with the mouse or swiped left or right when on touch enabled device.
The add new row UI is rendered inline next to its parent.
Union types introduced in TypeScript 1.4 allows for a variable or a member to have one of a set of several types. Previously members that were declared as type any now use union types to declare a more specific type.
Intellisense is improved for options and methods to suggest all widget`s overloads.
All possible options with getters and setters are now listed in the intellisense.
All possible methods with their parameters are now listed in the intellisense.
dataIn jQuery UI syntax the widget methods can be invoked from the widget's data: $(".selector").data('widgetName'). This is now possible with the Ignite UI for jQuery TypeScript directives.
Widget options, events and methods now feature descriptions. The description can be seen in intellisense suggestions for improved usability of the widgets.
View on GitHub