How do I create a jQuery UI Widget using TypeScript

Question

Help. I'm new to java script so thought I'd try using TypeScript to make my life a little easier.... but I cannot figure out where to start when trying to create a jquery UI Widget using TypeScript.

I've created UI Widgets in java script before and know that at its most basic I'm aiming for;

$.widget( "nmk.progressbar", {
  _create: function() {
    var progress = this.options.value + "%";
    this.element.addClass("progressbar").text( progress );
  }
});

(From the jQuery UI Widget Factory tutorial)

Is it even possible to create a jquery UI Widget using TypeScript?

Any help would be greatly appreciated!

try if this helps..I know its not exactly answering your question but it worth taking a look..typescriptlang.org/Samples/#Warship — Scorpio
– Scorpio, Commented Nov 30, 2012 at 16:11

Ryan Cavanaugh · Accepted Answer · 2012-11-30 21:07:46Z

1

You should just need to reference the jqueryui.d.ts file from DefinitelyTyped to get type information.

answered Nov 30, 2012 at 21:07

Ryan Cavanaugh

223k59 gold badges280 silver badges235 bronze badges

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

1 Comment

Dave Over a year ago

Of course! (Doh!) I'd got it into my head that I needed to "export class". I've been following DefinitelyTyped for a while. (Sammy, require, etc)

Collectives™ on Stack Overflow

How do I create a jQuery UI Widget using TypeScript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related