Nin9 TypeAhead Demo

Today marks the release of my first video for Notes in 9. It has been my absolute pleasure to work with David Leedy on this project and I really hope that people find it useful. This blog entry is intended for my side-notes and also to provide a spot for any questions/comments.

Here’s a link to the video 🙂

Side Notes

This came about after my blog article on Adding a “working” visual indicator to the XPages TypeAhead. David approached me because he thought it would make a great Nin9 video. The original article was written from code on an 8.5.2 server and when I went to make the video on my 8.5.3 server I found that the HTML code generated for the type ahead was different any my code was “broken”.

As i said at the start of the original article, this is not bullet proof because you are always at the risk of this happening because we are manipulating the HTML created by the server. When IBM release 8.5.3 they upgraded dojo to 1.6 from 1.4 and the way the dijit comboxbox works had changed from one version of dojo to another, so IBM had to adapt.

The code in the example will work for 8.5.3 and 8.5.2 however because of the beauty of using the dojo.query. The 8.5.2 version is less complex and a couple of the lines in the addVisual() function are irrelevant. Because we are working with the dojo.query selector, and it find nothing to action on in the 8.5.2 HTML code, it does nothing – and most importantly fails over gracefully!!

Hope you enjoy the video 🙂

Marky

5 thoughts on “Nin9 TypeAhead Demo

  1. Very cool functionality and I loved how you dove into Firebug to assist with the presentation. Still getting my feet wet with X-Pages but I always love seeing cool new enhancements or tweaks to the out of the box functionality.

    I haven’t explored this yet but a possible enhancement might be to add an event monitoring the ajax call for the type ahead that checks it’s responseState and status in order to display a different graphic? For instance if the lookup failed, display some visual indicator such as a red x rather than simply have the graphic disappear. Just kind of brainstorming at this point. Keep up the great work. 🙂

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s