We are proud to present the first beta release of Kendo UI for Angular 2, our brand new, jQuery-free, Angular 2 component suite. It’s written in TypeScript and has been designed from the ground up as true, native Angular 2 components. We made sure that the essential building blocks you will need to build professional business applications made it into the beta. Included are form elements, data visualization components and a Grid component.
We started from the ground up designing each component specifically for Angular 2 and each feature is carefully aligned to Angular 2’s framework guidelines. You can expect nothing less than complete support for bindable properties and events, templates, data binding to RxJS observables and much more.
Just like Angular, Kendo UI for Angular 2 is written in TypeScript. It is distributed as NPM packages and is semantically versioned. This enables auto-completion right out of the box in IDEs like Visual Studio, Visual Studio Code, and WebStorm.
The Grid component is the most popular item in every UI component suite we’ve ever released. Displaying database records in tabular format for users to review and manage is the bread and butter of most business applications. Our initial beta wouldn’t be complete without it.
All the essentials are included in the beta including paging, sorting, basic selection, templates to customize the format of the content and more. Two quite complex features—frozen columns and virtual scrolling—are available right from the start.
Our engineering team managed to extract major parts of our existing DataViz implementation and reuse them in the Angular 2 component. Rest assured—the common parts do not depend on jQuery.
The code reuse allowed us to deliver all series types (bar, line, scatter, pie), panning, zooming, element rendering customization and event handling. Just like the Grid, the ComboBox and the DropDownList, the Chart supports data binding to arrays of primitive values or objects, promises and RxJS Observables through async pipes.
Form elements included in the release include Button, ButtonGroup, DropDownList, ComboBox, Switch, Slider, Upload, Tabstrip, Popup and more. Current Kendo UI users will find the API familiar since many of the features and the property names from our Kendo UI for jQuery suite have been ported over. Unlike their jQuery counterparts, the ComboBox and the DropDownList support data binding to arrays of primitive values or objects, promises and RxJS Observables. The components work out of the box with the Angular forms, including two-way data binding, change tracking and validation.
Kendo UI for Angular 2 comes with two new themes, a facelift of the classic Kendo UI default theme and a Bootstrap 4-based theme.
The Bootstrap theme is perfect for projects using Bootstrap 4. It reuses the framework configuration variables so that any customizations you apply will be automatically applied to a component’s styling.
With the addition of Kendo UI for Angular 2 to the ever-expanding Kendo UI family of products, we’re renaming the existing jQuery-based Kendo UI widgets to Kendo UI for jQuery. We’re excited about expanding the Kendo UI toolset.
The Dialog is completely new for the R3 release and like the Kendo UI Window component, it requests an action from the user via a popup dialog in your web applications. It differs from the Window component in that it has a few additional features like an optional title and a footer containing one or more buttons. The Dialog control's display is consistent with the current theme and supports content localization.
The Media Player is a lightweight component which allows you to play audio and video files in your web sites. It works with files of any HTML5-supported format, including WebM, Ogg, MP4 and WAVE. You can also play YouTube videos.
The primary focus of the Kendo UI for jQuery R3 release will be data entry enhancements. Improvements have been made in simple widgets like the numeric textbox all the way through to enhancements in our more complex widgets like the Spreadsheet. The R3 Release is full of new and updated features that will make your data entry applications better than ever.
There are numerous enhancements to our popular Dropdowns widget group which includes the DropDownList, ComboBox, MultiSelect and Autocomplete widgets. Enhancements include the addition of a footer template permanently displayed at the bottom of the items list, the addition of a No Data template which displays when the filter applied does not match any results, the ability to automatically adjust the width of a DropDownList to the width of the widest member in the list and for the ComboBox the ability to clear the currently selected or entered value and copying the MaxLength attribute to the generated HTML <input> element.
Upload API improvements in R3 focus on providing for a more robust developer experience. Enhancements include support for a Drag and Drop custom drop zone, the ability to specify the file types to be uploaded, the ability to remove a single file and the ability to clear the widget bringing it back to its original state.
Spreadsheets are all about data entry, so a number of enhancements have been made to the Spreadsheet. The most notable is the support for custom editors providing the ability to add any Kendo UI widget to a cell. Also included are the ability to select date/time values from a picker and the ability to select values from a list. Additionally, support has been added for using defined names in formulas, which allow for the naming of a cell range, function or constant.
Post your feedback via the Kendo UI Feedback Portal.
See all updates
Copyright © 2016, Progress Software Corporation and/or its subsidiaries or affiliates. All Rights Reserved.
Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries. See Trademarks or appropriate markings.