Angular 2 Component

[P]

I am currently investigating the use of the Kendo UI Grid for a new project and need to know if it's possible to wrap it in an Angular 2 component?

 

Thanka

[Simon]

Hi,

yes it is. 

import { Component, Input, Host, ElementRef, OnInit } from 'angular2/core';

declare var $: any;

@Component({
selector: 'k-grid',
template: '<div></div>'
})
export class Grid implements OnInit {


constructor(@Host() private elm: ElementRef) {
}

@Input() options: any;

ngOnInit() {
// Zugriff aufs DOM; Funktioniert NUR mit DOMRendering !!!!
$(this.elm.nativeElement).children().first().kendoGrid(this.options);
}

}

 

Here is an example how to use it:

 

https://github.com/manfredsteyer/angular-2-kendoui/blob/master/wwwroot/app/flug-grid/flug-grid.ts

 

 

[Krishnan]

 

 

I am trying to render a kendogrid wrapped under angular2 component.
I am getting error in the browser console as "net::ERR_INSECURE_RESPONSE" and the grid is not getting rendered. any ideas what is the problem in my code?

Please find the plunker url https://plnkr.co/edit/LOilsvrSnXzdTDMIgG4n?p=preview

0down votefavorite

I am trying to render a kendogrid wrapped under angular2 component. I am getting error in the browser console as "net::ERR_INSECURE_RESPONSE" and the grid is not getting rendered. any ideas what is the problem in my code? Please find the plunker url

0down votefavorite

I am trying to render a kendogrid wrapped under angular2 component. I am getting error in the browser console as "net::ERR_INSECURE_RESPONSE" and the grid is not getting rendered. any ideas what is the problem in my code? Please find the plunker url

[Petyo]

Hello,

The current Kendo UI suite does not provide support Angular 2. Please check our roadmap blog post for details on the new effort. 

Regards,
Petyo
Telerik