Comments on: Tips for Developing jQuery UI 1.8 Widgets

By: Harinatha Php

Harinatha Php — Thu, 29 Dec 2011 11:46:00 +0000

Nice article to start creating widgets.

By: Xtol Lord

Xtol Lord — Mon, 29 Aug 2011 12:42:00 +0000

hi,

how could i create say a menu

Title

… HTML CONTENTS …

and add an accordion to it?

I’d call it
$(“#menu”).menuWidget();

in the _create() function in the widget, I’d add something like:

uiMenu = (uiMenu.uiMenuOne = $(‘ and the rest of the content…’))
.addClass(‘menuone’)
.appendTo(fwMenu)
.accordion({ collapsible: true });But its not working.I’m I doing something wrong?I’d appreciate any hint.Like add accordion or drag/drop functionalites when creating the widget components

By: Younos Aboulnaga

Younos Aboulnaga — Tue, 14 Dec 2010 13:19:00 +0000

Great article.. really helpful. I want to add a little warning about how _trigger() handles names of the custom events : AFTER ADDING THE PREFIX THAT EVERYBODY TALKS ABOUT, IT CALLS toLowerCase().. i don’t know the logic behind this, but what matters it, when you bind a function to this custom event, make sure to write all the name in lowercase, no matter what the real names are.

By: Anonymous

Anonymous — Tue, 21 Sep 2010 13:38:00 +0000

do it up

By: Anonymous

Anonymous — Tue, 21 Sep 2010 02:02:00 +0000

Can I use parts of this for a school project?

By: ehynds

ehynds — Tue, 18 May 2010 05:47:55 +0000

Not exactly sure what you're doing, but it sounds like you've got it. I'd say the best approach is to build the buttons into your widget if possible, so the developer does not need to worry about it at all.

I wouldn't provide an option to specify an ID of some other element; that immediately limits you to one instance of the widget on the page, and requires that all buttons have an ID. An API where you can provide a selector to access certain elements is much more flexible.

By: ehynds

ehynds — Tue, 18 May 2010 01:47:55 +0000

By: Anonymous

Anonymous — Mon, 10 May 2010 14:35:00 +0000

test

By: Michael M

Michael M — Sun, 09 May 2010 21:06:15 +0000

Thanks very much for such a clear explanation – the new approach with Widgets in UI 1.8 is finally making sense of Plug-In development.

One question for you all – what approach would you use to have the Widget react to external events, say a click on a previous or next button, without having to explictly hook up the event in page markup, and call in to the Widget instance?

I hope I am making sense here – it would be neater for me to specify the button IDs in the Widget options, and have it bind to their click events, and act accordingly, without the developer hand coding the bind.

By: Michael M

Michael M — Sun, 09 May 2010 21:06:00 +0000

Thanks very much for such a clear explanation – the new approach with Widgets in UI 1.8 is finally making sense of Plug-In development.