Tuesday, February 20th, 2007

YUI Version 2.2.0 Released

Category: Announcements, JavaScript, Toolkit, Yahoo!

YUI 2.2.0 has been released one year after YUI was released into open source.

The major changes are:

  • Versioning: 0.12.2 to 2.2.0: The new version syncs up the internal and external release numbers
  • Browser History Manager: The YUI Browser History Manager supports all A-grade browsers in managing the back/forward button navigation and bookmarking
  • DataTable Control: The DataTable control allows you to present tabular data and allow your user to engage that presentation by modifying/enhancing the data, sorting and searching through it, and adjusting the presentation itself.
  • Button Control: Buttons are essential parts of most graphical interfaces, but the visual constraints of buttons in their various form-control implementations (submit buttons, radio buttons, check boxes, etc.) diminish their effectiveness in some applications. The Button Control provides a platform for implementing visually impactful buttons that range from standard click-to-navigate buttons to radio buttons and checkboxes to advanced split-buttons that can operate as both a button and a menu.
  • New YAHOO.* properties: such as YAHOO.lang, YAHOO.env, and a YAHOO_config global

Congrats on the new release.

Posted by Dion Almaer at 6:13 pm

4.2 rating from 49 votes


Comments feed TrackBack URI

Gotta say – I’m a little disappointed to not see resizable columns.

Also inline editing using select boxes should be on the short list of potential improvements to this

Comment by Kenan Banks — February 20, 2007


You can wire up resizable columns by combining the YUI DataTable control with the YUI DragDrop utility. Also, you can find an example of inline editing as part of the suite of DataTable Examples.


Nate Koechley
Yahoo! User Interface Team

Comment by Nate Koechley — February 20, 2007

I go to ajaxian.com and it launches both Quicktime and is transferring data from tracker.measuremap.com app. What gives? This can’t be good.

Comment by tracker? — February 20, 2007

Nate, I still think it’s fair criticism. I’m a fan of YUI but I’m fairly confident that actually wiring up resizeable columns, and enforcing stuff like minimum column widths, horizontal scrolling, content truncation and wrapping, etc would be a bit of a headache.

Also I don’t see an example of editing a cell by way of choosing from a list of values. It’s a pain in the ass to do because IE6 won’t expand the width of drop down options beyond the width of the select element. You pretty much gotta write a custom select element.

Anyway the grid looks nice and is certainly a step in the right direction I’ve chosen YUI for several projects.

Comment by Kenan Banks — February 20, 2007


Indeed, yours are good points and suggestions Kenan; I’d wrote my comment to ensure people knew what was and wasn’t there, and that the pieces are intended to be used together.


Comment by Nate Koechley — February 21, 2007

I haven’t looked at the other stuff but the browser history manager seems to work well and that’s a difficult problem to solve.

Comment by Dean Edwards — February 21, 2007

Interesting to see that YUI is doing a DatatTable now. It is one of the heaviest, most complex controls you can deliver to the client, and very important for users of a toolkit because they often can’t build it themselves.

I have quite some respect for the attention paid to interaction design and user experience in the production of YUI, I really appreciate that. But these examples made me scratch my head a bit. How did you guys arrive at the visual and interaction design shown in the examples? It doesn’t look or feel much like anything I’ve seen before, and the differences with similar controls in other platforms or toolkits seem random. Do you have some kind of roadmap or ultimate goal for this part of YUI? What is your guiding principle for the look and feel, and choosing which features must go in to ensure rapid adoption?

Comment by Michael van Ouwerkerk — February 21, 2007

Why doesn’t Yahoo just hire Jack Slocum? You guys are slow to catch up with everything he’s done, it’s almost silly.

Comment by Jacob — February 21, 2007

I hope that this new release of YUI will NOT break Jack Slocum’s yui-ext. I also agree with Jacob. YUI team, please hire Jack Slocum before Microsoft does.

Comment by Kevin Hoang Le — February 21, 2007

When I first looked at YUI last year I was a bit disheartened – it seemed heavy going and clunky but I now think that was mainly inexperience with Ajax. Now I’ve tasted Dojo but recently got itchy.

I’ve been looking for a good table that can handle larges amounts of data while providing pagination, sorting, etc all without dragging the browser to a screeching holt – the Dojo solution is dire to work with and causes terrible slowdown on our systems.

I noticed this YUI one tonight and from the looks of it, its going to be my new best friend. Its slick – really damn slick. I can’t believe I turned my nose up to it before – it makes Dojo look like a kids toy.

Oh and the documentation – its so nice to finally read something!

Comment by Doug Bromley — February 21, 2007

I totally agree with the comments that Jack Slocum is way ahead of YUI. The most important thing he’s done imho is making traditional application layouts easy. By that I mean, resizable north, south, east and west parts that will actually stick to those sides of the frame (gridbag layout). I find that when you create webapplications, that sort of layout often makes sense, but is near imposssible without javascript.

If anyone knows about another toolkit for layout, I’d be happy to hear.

Other than that, I am using MS Ajax Extensions, and they can also learn from Yahoo, because they are still behind when it comes to their API. In the end (1 year?) there will probably be only some toolkits left, YUI, MS, perhaps GWT, and some Dojo or JQuery based ones. Good times!

Comment by Mike — February 21, 2007

Not to knock Jack’s stuff too much – he’s done a great job. I just wish he’d allow a bit more easy control over the look rendering. The nice bit about YUI is it’s a little more straightforward to adjust the look of everything with CSS. I do like how Jack has used a very nice “OO” approach. Everything’s class and module oriented. As a toolkit for a corporate site it would be solid and performs well.

MS will survive just because, well, they’re MS. But god help those of us who were early adopters of that stuff. “Wee! this is great…where’s the rest?”

Comment by Curtis — February 22, 2007

hI i NEED tutorial to use Yahoo YUI in my pages.

Please provide some site

Comment by T.Appasamy — March 22, 2007

Leave a comment

You must be logged in to post a comment.