Wijmo’s second release of 2019 has landed with several new enhancements, including increased support and functionality for React and Vue Interop.
Let's dive in...
React has exploded in popularity and we have been working to make our React support even deeper. This release features a few nice ways to define custom templates, including bindings in markup to all controls that have Items.
We added MenuItem and MenuSeparator components
React MenuItem Sample | Read More About React Menus and List Items
We also added a new wjItemTemplate 'render prop' to these controls:
ComboBox React ComboBox wjItemTemplate Sample
MultiSelect React MultiSelect wjItemTemplate Sample
Up next is rich cell template support in our React FlexGrid interop.
Similar to React, we made some nice improvements in our Vue interop. We added wj-menu-item and wj-menu-separator components to our Vue menu component.
Vue wj-menu-item Sample | Read More About Vue Improvements
A few customers have asked for more details to be added to our gauges, so we added a couple new properties to help.
We added a Gauge.showTickText property to show text labels next to each tickmark
We also added support for needle-based pointers with the new RadialGauge properties and methods:
RadialGauge Needle Pointer Sample
We added a new i18n template literal function to Wijmo. It allows you to build multiline strings with interpolated values, and makes it easy to handle single and double quotes embedded in your strings.
glbz Sample | Read More About Template Literal Functions
Almost every application can benefit from being able to undo and redo recent actions. We often have customers that want this built into FlexGrid. We did even better and made a nice Undo/Redo class for managing history of actions at the application level. Of course, you can use it just with FlexGrid if you prefer. But we recommend trying it out for your entire app!
UndoStack Sample | Read More About Undo Redo in Applications
We added a New CollectionViewNavigator control for navigating through CollectionView items or pages. This is a really common UI. It can easily be used with any of our controls like FlexGrid to offer simple paging through data.
CollectionViewNavigator Sample
A few customers have asked for Excel-like multirange selection for FlexGrid. We added a new SelectionMode called MultiRange to support this behavior. This allows users to hold down ctrl (or command) + select multiple ranges of cells in FlexGrid. You can use the new we added a new selectedRanges property, which gets an array containing CellRange objects that contain the currently selected ranges.
FlexGrid MultiRange Selection Sample | Read More About the MultiRange Selection
We added some new APIs for when you want to tune performance for more rare scenarios. Most people will not need to use them, but we exposed them for the few who do. Make sure to read the documentation carefully for each when using them.
We are always expanding our globalization to help customers build better applications. This release features support for:
Of course there are many little things we fixed or enhanced in the release like Resizable Popup or deep-binding in wijmo.format. Check the change log for the full list!