使用Angular 2的Kendo UI Scheduler示例?

时间:2016-01-26 07:32:56

标签: kendo-ui angular

有没有人有角度2的kendo UI调度程序示例?它兼容吗?

由于

3 个答案:

答案 0 :(得分:3)

由于对此仍感兴趣,您可以创建由调度程序包装的组件:

import { Component, ViewEncapsulation, ElementRef, AfterViewInit, OnDestroy, DoCheck, Input, Output, EventEmitter, IterableDiffers } from '@angular/core';

//you can import Jquery here if you want - i used it via CDN and not local node.
declare var jQuery: any;


scheduler: any;
schedulerControl: any;


@Component({
    selector: 'scheduler',
    template: `
        <div></div>
    `,
    styleUrls: ['./scheduler.component.scss'],
    encapsulation: ViewEncapsulation.None
})

 constructor(
        protected el: ElementRef,

    ) {


    }
  //you can also do @input and @outputs here if you want to build proper events around the scheduler components.



 ngAfterViewInit() {
        this.scheduler = jQuery(this.el.nativeElement.children[0]);
        this.schedulerControl = jQuery(this.scheduler).data("kendoScheduler");

 this.scheduler.kendoScheduler({.....put your scheduler options here ....});

注意: 您必须导入并使用正确版本的jquery - 遗憾的是版本1.xxx 注2 : 新版本现在支持更高版本的Jquery - 确保它们的版本符合kendo要求非常重要。

答案 1 :(得分:1)

我们目前正在开发一个具有非常复杂的调度模块的项目。 在momonet,我们使用了包含Angular2的Kendo UI调度程序。

这当然不是一个好的解决方案,因为我们正在包装Kendo JQuery实现。它确实有效(并且相当不错)但如果很快就会在本机Angular2实现上没有进展,我们就不会继续使用它,因为它迫使我们在Angular之外“工作”。

我认为Telerik在Angular2上发布的公告不够清楚,这是一种耻辱。他们很久以前就把他们的旗帜作为Angular2支持的领导者,但似乎并没有像预期的那样发生。我们已经在其他项目(不是Angular2)中投资了剑道,但我们必须尽快选择一些。

如果剑道不会开始显示任何实际进展,我们将不会继续使用它。

答案 2 :(得分:0)

Angular2 kendo调度程序小部件很可能会在2017年发布。以下是他们推出计划的链接。

http://www.telerik.com/blogs/what-to-expect-in-2016-for-kendo-ui-with-angular-2-and-more

在使用调度程序的同时,我们的团队刚刚在我们的angular 2.x应用程序中为运行调度程序的页面导入了角度1.x.不太理想,但如果您担心性能,您还可以获得运行调度程序所需的kendo脚本。

您可能还希望在此期间使用角度为1.x的ngForward,直到角度2.x小部件可用。然后在kendo释放调度程序时将整个应用程序转换为angular 2.x.