Kendo UI + TypeScript

[Vikentiy]

Hi.
Are you planning to release a set of interfaces for working with Kendo UI with TypeScript?
If you are planning, then when?

[Filips]

+1 

Would love to see that

[Dimo]

Hello,

TypeScript is something very new and we still have no specific intentions with regard to it. Surely this language will need to prove its value and popularity (or at least its prospects and business value) before we decide to adopt it in any way.

Regards,
Dimo
the Telerik team

[Daní]

+1

[mvbaffa]

Hi,

I am starting with TypeScript and I could very easily show a kendo Window without having to define a declaration file. Here is the code:

module SiteMaster {

 

    // Class

    export class Config {

 

        // Instance member

        run() {

            var logOnParams = {

                draggable: false, resizable: false, width: "300px", height: "180px",

                title: "LogOn", modal: true, visible: false,

                scrollable: false, actions: []

            };

 

            var logonDlg = $("#logonDialog");

            if(!logonDlg.data("kendoWindow")) {

                (<any>logonDlg).kendoWindow(logOnParams);

                var kendoWindow = logonDlg.data("kendoWindow");

                kendoWindow.center();

                kendoWindow.open();

             }

        }

    }

}

As you can see you have to cast to any to call the kendoWindow so that Visual Studio does not emit an error. Because a jQuery object, logonDlg does not have a method "kendoWindow".

It works Ok. But off course it would be better if Telerik generates for us a declaration file.

[Dustin]

Here is a basic kendo.web.d.ts that I created to support what I need for this small site I have been working on...

interface IKendoTemplate {

}

 

interface IKendo {

    ui: any;

    bind(jqueryObject: any, vm: any);

    observable(obj: any): any;

    data: any;

    //data(widget: string): any;

    template(template: string): IKendoTemplate;

    render(template: IKendoTemplate, data: any): string;

}

 

interface JQuery {

    kendoValidator(opts?: any): IKendo;

    kendoMenu(opts?: any): IKendo;

    kendoDropDownList(opts?: any): IKendo;

}

 

declare var kendo: IKendo;

[Mike]

+1 for Kendo UI + TypeScript
Looks very promising to me... 

[mvbaffa]

Very good. I hope Telerik provides, as soon as they can a d.ts for kendo.

[Atanas Korchev]

Hi,

 Please create a new user voice item in our feedback portal.

Regards,
Atanas Korchev
the Telerik team

[Jack]

The competition does it:
http://www.infragistics.com/community/blogs/angel_todorov/archive/2012/10/27/introducing-typescript-support-for-ignite-ui.aspx

[Sebastian]

Hi guys,

You can file your vote for TypeScript support in this User Voice item, to affect its priority. There is also a sample solution posted by Jaap Mosselman in the comments which you may ponder in the meantime.

Kind regards,
Sebastian
the Telerik team

[Tim]

+1 Would be nice to code with kendoui components using typescript in vs2012 - and code the data backend using web API. Coming from c# I've always been hesitant to do anything but light scripting in pure JS.

[David Thielen]

It says this was implemented & delivered in the latest release. Can you tell me where it is? I just downloaed the demo and can't find it. And how to get it set up would be good too.

thanks - dave

[leniency]

David, should be a folder in the base of the zip file named 'typescript'.  Then again, haven't checked the demo download. It might not have it. The full version does though.  The open source kendo.web download has typescript for at least web, not all.

[David Thielen]

Hi;

I found typescript\kenod.all.d.ts in the zip, I assume that is it. Do you guys have any instructions, caveats, etc. about using this? If so, can you provide a link to them?

thanks - dave

[leniency]

Yup, that's it. It's just a definition file, same as the ones you can find on Nuget for jQuery, etc. Same as those, in Visual Studio you can just drag it into another typescript source file to create a reference and have intellisense available. Works same as JavaScript files in VS - creates this commend at the top with relative path to the definition file (*.d.ts are all TypeScript definitions)

/// <reference path="../typings/jquery/jquery.d.ts" />
/// <reference path="../typings/kendo.all.d.ts" />

 

Hopefully, parts are still buggy I've found. Each TypeScript version seems to break something, but fix something else. The Kendo definitions are pretty complete - think there's only been one or two points where I had to change their supplied definition file (forget where, but something declared as a {}, switched to 'any' so TypeScript would allow me to could extend it).