Wijmo 5: A New Generation of JavaScript Controls

Deliver next-generation HTML5 applications with Wijmo 5, a collection of true JavaScript controls that doesn't make compromises to support legacy browsers. With touch-first design and full Angular support, these highly performant, lightweight controls will blow you away with their power and flexibility.

Download Free Trial (v 5.20162.188)

Already purchased Wijmo? Download it here.

What is Wijmo 5?

Wijmo 5 is a new generation of JavaScript controls. We decided it was time to launch an HTML5/JavaScript product taking full advantage of the latest and greatest technologies, and no longer make compromises in order to support legacy browsers.

Thomson Reuters
“With Wijmo’s extensibility model, the Microsoft Dynamics team was able to quickly customize and incorporate Wijmo 5 controls into our new release.”

— Param Kahlon, General Manager, Microsoft Dynamics CRM Engineering
Read more about Microsoft Dynamics and Wijmo 5

Introducing Wijmo 5

What’s Included

DataGrid

Why Wijmo 5?

Touch-First, Mobile-First

Wijmo 5 was designed with mobile browser support built in from the start. Responsive layouts and touch support were major factors in the design and implementation of every Wijmo 5 control.

Touch-First, Mobile-First

First Class Angular 1 and 2 Support

First Class Angular 1 and 2 Support

Wijmo’s Explorer Fully Supports the Angular 2. Read more.

AngularJS is one of the most popular and powerful JavaScript application frameworks today. With the development of Angular 2, it continues to set the direction of the next Web. For this reason, we ship and maintain AngularJS directives for all of our controls, and use it in most of our samples. Of course, you can also use Wijmo with other frameworks. We provide official support for KnockoutJS and will consider others in the future.

True JavaScript Controls

The ECMAScript 5 standard adds support for property getters and setters. This may seem like a small change, but it makes a huge difference. It has given us the opportunity to create true JavaScript controls. For example, instead of writing control.value(control.value() + 1) to increment the value of a property, now you can write control.value++. Additionally, we provide complete IntelliSense for Wijmo in Visual Studio for an even more familiar experience.

We wanted to provide a familiar experience for .NET developers migrating to HTML5. For this reason we have also created ICollectionView in JavaScript. All of the Wijmo 5 controls can be bound to CollectionView, giving developers a very easy migration path from the .NET platform.

True JavaScript Controls

Built on TypeScript

Built on TypeScript

Large-scale, client and server side applications are possible with Wijmo 5. We built on TypeScript for a better coding experience, and to give an object-oriented, C#-like feel to working with Wijmo 5. Full support for TypeScript means that you’ll have Intellisense and design-time error checking, making your work easier. Of course, we want to be flexible for you, so if you prefer JavaScript, you can work in Wijmo 5 in its JavaScript form. Additionally, we provide complete IntelliSense for Wijmo in Visual Studio for en even more familiar experience.

Highly Performant and Lightweight

With Wijmo 5 we had an opportunity to completely rethink and rewrite our controls. We have chosen to target modern browsers and this has enabled us to create the fastest and most lightweight controls in the market. Every control is optimized for size and speed. Plus, Wijmo 5 has no dependencies on any external libraries. It does not require jQuery, jQueryUI, or anything else. Create applications that load faster and are easier to deploy!

Highly Performant and Lightweight

Flexible API

Flexible API

It’s in the name! You may remember our famous FlexGrid from any number of platforms, even as far back as VB. We are bringing our “Flex” model and FlexGrid to JavaScript. FlexGrid became incredibly popular because it has a simple and yet very flexible API. The concept is to develop a simple control that has many extensibility points so that developers can extend and enhance it as they need. This is what makes FlexGrid and FlexChart so flexible and powerful.

Demos

 

Browse, search, view source code and run all of our samples using the Wijmo 5 Sample Explorer.

Launch Sample Explorer

 

wijmo-explorer

Explorer

Shows how to use all the controls in Wijmo 5, as well as the infrastructure shared by all the controls.

wijmo-flexgrid

FlexGrid 101

Shows how to perform common tasks with FlexGrid, our fast and flexible data-bound grid control.

wijmo-flexchart

FlexChart 101

Shows how to perform common tasks with FlexChart, our beautiful and easy-to-use chart control.

wijmo-input

Input 101

Shows how to perform common tasks with all the Input controls in Wijmo 5.

wijmo-gauge

Gauge 101

Shows how to get started with LinearGauge and RadialGauge, our smart and flexible gauge controls.

wijmo-flexpie

FlexPie 101

Shows how to get started with FlexPie, our flexible pie chart control.

wijmo-collectionview

CollectionView 101

Shows how to get started with CollectionView, our .NET-like class that uses regular JavaScript arrays as data sources.


What Our Customers Say

Thomson Reuters
“We rely on functionality of Wijmo 5’s FlexGrid in our massive next-generation platform products. Wijmo’s modern, full-featured FlexGrid with sophisticated grid manipulations is what you will find at the heart of our workflow.”

— Aaron Mendez, Manager of User Experience, Thomson Reuters

Cisco
“We purchased Wijmo and their team is doing a great job: good-looking, well-thought-out architecture; documentation; keeping up with ever-changing landscape like no others.”

— BJ Jeong, Cisco


What’s New

What’s New in Build 188

  • Added wijmo.chart.hierarchical.Sunburst control. The control displays hierarhical data as multi-level pie charts. Sunburst Sample
  • Added wijmo.chart.analytics.Waterfall class. The Waterfall series represents data values with cumulative effects(Waterfall chart). Waterfall Sample
  • Added ReportViewer sample, which includes a client-side ReportViewer control that uses FlexReport on the server to render reports. ReportViewer Sample
  • wijmo.pdf – added support for drawing SVG images (the PdfPageArea.drawSvg method).
  • Added customized filter for FlexSheet, make the filtering behave exactly like in Excel.
  • Updated the cell ranges processing in formula that Insert/delete row/column will update affected cell ranges in formulas.
  • Added a CollectionView.sortComparer property to support using custom value comparers such as Dave Koele’s “natural sorting”: http://www.davekoelle.com/alphanum.html
  • Added JavaScript Intellisense support, see the Intellisense folder in Wijmo zip.
  • Angular 2 – adapted to Angular 2 RC.3 Angular2 Info
  • Angular 2: the ‘initialized’ event and ‘isInitialized’ boolean property are added to all components. The event triggers when the bindings on the component and all its child components have been initialized, and the property changes its value from false to true at this moment. Note that ‘isInitialized’ is a dynamic property, in a sense is that it’s not exposed as a TypeScript property out of the component interface, so it should be read using the component[‘isInitialized’] syntax.

View Changelog History