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.

Ryan Cavanaugh · Accepted Answer · 2012-10-03 15:18:44Z

24

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.

answered Oct 3, 2012 at 15:18

Ryan Cavanaugh

223k59 gold badges280 silver badges235 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

mvbaffa · Accepted Answer · 2012-10-05 17:02:49Z

8

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

answered Oct 5, 2012 at 17:02

mvbaffa

1,0312 gold badges10 silver badges21 bronze badges

Comments

joshuapoehls · Accepted Answer · 2012-10-03 14:50:13Z

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 3, 2012 at 14:50

joshuapoehls

35.7k11 gold badges54 silver badges61 bronze badges

2 Comments

mvbaffa Over a year ago

Thanks to all of you. I will try it soon.

daniel Over a year ago

this is not the case in vs2013? Building stops and i can not run my project.

CodingWithSpike · Accepted Answer · 2015-03-30 12:28:13Z

4

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.)

answered Mar 30, 2015 at 12:28

CodingWithSpike

43.9k18 gold badges106 silver badges141 bronze badges

Collectives™ on Stack Overflow

Calling JavaScript directly from TypeScript

4 Answers 4

Comments

Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related