Calling JavaScript directly from TypeScript

Question

I have just downloaded the TypeScript documentation. I have a some JavaScript classes and I would like to create and use these class in a TypeScript test application

How can I call a JavaScript function of an included JavaScript from TypeScript. I do not want to create a "d.ts" file. Just to create my classes, call its methods, access its properties.

How do I do that?

I am trying to use kendoUI with TypeScript.

For instance to show a window I have to do:

Have a HTML to represent the content of a window. I have a div with an id logonDialog. This div
is initially hidden;
I create the window: logonDlg.kendoWindow(logOnParams);
Then using jQuery I show the div: using logonDlg.show();

Example

var logonDlg = $("logonDialog");

if (!logonDlg.data("kendoWindow")) {
   logonDlg.kendoWindow(logOnParams);
   logonDlg.show();
}

It is working OK. The JS is generated as I want but I receive an error since The property 'kendoWindow' does not exist on value of type 'JQuery'.

How can I disable this kind of error. I could not make, what Ryan said, to work.

score 24 · Answer 1 · answered Oct 03 '12 at 15:18

If you want to stop the errors without doing much else extra work, you can 'declare' the objects from your JS code:

declare var w; // implicit type here is 'any'
// (later, anywhere in your file...)
var x = new w(); // you can do whatever you want with w now without getting errors
w.x = 4; // etc.

score 8 · Answer 2 · answered Oct 05 '12 at 17:02

There is a better solution. Just cast the jQuery logonDlg to any like this:

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

The code will be a bit different but will work the same.

Without the cast th generated code is like this: logonDlg.kendoWindow(logOnParams);
With the cast will be like this: (logonDlg).kendoWindow(logOnParams);

Both work OK.

Regards

score 4 · Accepted Answer · answered Oct 03 '12 at 14:50

4

You just do it. TypeScript won't stop you. You will see warnings in the compiler output but tsc will generate your JS file just fine.

answered Oct 03 '12 at 14:50

joshuapoehls

32,695
11
50
61

Thanks to all of you. I will try it soon. – mvbaffa Oct 03 '12 at 23:42
5

this is not the case in vs2013? Building stops and i can not run my project. – daniel Aug 06 '13 at 14:49

score 4 · Answer 4 · answered Mar 30 '15 at 12:28

In this particular case you could just include the Kendo UI TypeScript definitions that Telerik provides.

(I realize this question was asked back when the TS definitions probably didn't exist yet, but wanted to add this detail for people who come across this question in the future.)

Calling JavaScript directly from TypeScript

4 Answers4

Linked