Skip to Navigation | Skip to Content


Products


Nitobi ComboBox

Download and integrate our Ajax-powered autocomplete and dropdown solutions--part of our Complete UI suite--into your app. Save yourself time, save your boss's money and look like a genius.

Featuring six unique search modes with support for multiple platforms and browsers. Perform paging, suggestive searching, and fuzzy-searching in an easy-to-implement interface.

Live Demos

Basic ComboBox

A basc example of a databound ComboBox.

Paging Mode

The paging mode of the ComboBox allow the user to page through very large result sets.

Compact Mode

Compact mode displays the ComboBox without the ComboList, giving more flexibility for designers.

Filter Mode

Allow the user to narrow down her selections in an intuitive fashion.

Smartlist Mode

Perfrom multiple searches within a single ComboBox.

SmartSearch Mode

Perform fuzzy searches throughout a string with SmartSearch mode.

Unbound (static data)

Populate a ComboBox from static data included in your HTML file.

Unicode Example

A demonstration of Unicode strings in the Combobox.

Events Demo

A guide to using events through the ComboBox api.

Master / Detail

An example of how to bind two ComboBoxes together, in a Master-Detail application.

Embedded Menus

Add further interaction to your ComboBox with embedded menus.

Overview

Six Search Modes

Featuring paging, filtering, smartlist (like GMail and Outlook), smartsearch (fuzzy substring autocompletion), compact (type-ahead only with no drop-down), and unbound modes.

Advanced Ajax Support

Perform on-the-fly data requests without postbacks. A highly optimized transport technique minimizes network traffic and provides a smoother user experience.

Internationalization & Accessibility

Unicode compliance and localized language-packs make deploying to non-English environments a breeze. Section 508 compliance and full keyboard navigation allows your application to be accessible.

Cross Platfrom

Native support for Java, JSF, Classic ASP, and PHP. ASP.NET, and Coldfusion.

Integrates with Adobe Dreamweaver.

Simply drag and drop Ajax components into sites and applications using Adobe Dreamweaver CS3.

Cross Browser.

Nitobi components have full support for an array of modern browsers including IE6+, Firefox, Mozilla 1.3+, Camino, and Netscape 7+, and Safari 3+.

Flexible

Take advantage of multiple columns, column labels, list clipping, CSS style sheets, and multiple modes of behavior for virtually endless configuration possibilities.

Features

Ajax Architecture

Using an ultra-concise data transport method, ComboBox is able to retrieve data quickly and minimize network traffic. No postbacks are ever required.

Cross-Browser Support

Native support for an array of modern browsers including Internet Explorer 6.0+, Firefox, Safari 3+, Netscape 7.1+, Mozilla 1.3+, and Camino.

Six Unique Search Modes

  • Filter - The dropdown element is bound tightly to the remote dataset. It only appears as the user types and returns a concise list of suggestions. Features used include type-ahead and autosizing listbox.
  • SmartList - This mode allows the user to build a list of items in a text area. It uses the SmartSearch feature to assist selection from a dataset, and when the user selects a value, it's automatically added to a list of items in the text area. This is similar to the feature provided by Gmail when choosing a recipient for a new message. You can select multiple eMail addresses and they are all deposited in the textarea.
  • Compact - When non-intrusiveness is important, use Compact mode to provide only type-ahead functionality with only a textbox (no listbox will appear).
  • Classic - This is the standard web-based combobox behaviour - powerful and ubiquitous. The local dataset refreshes as the user types but users can increase the local dataset size by keying to the bottom of the list or clicking the 'page' button. Keyboard navigation provides complete control over paging.
  • Unbound - Bind the combo to a static dataset like an HTML listbox would be. In unbound you can still make use of autocomplete and type ahead functionality.
  • SmartSearch - AKA "Fuzzy Search". When a user begins typing, suggestions are brought up that contain that string anywhere (not just at the beginning). The appearance of the searched-for substring is bolded. Records can be brought up in order of "importance" (achieved through SQL). This is similar to the functionality provided by Gmail or Outlook when choosing recipients for a new email message. The end user can type a name and the listbox will display the most likely targets.

Integrates with Adobe Dreamweaver

Simply drag and drop Ajax components into sites and applications using Dreamweaver CS3.

Cross-Platform Support

Available with native support for ASP.NET, Java, PHP, and Classic ASP.

Multiple Columns

Display mutliple columns of data from a table.

XML-based Data Architecture

The component uses an XML data island to render itself. It allows the developer to put many columns of data per row in the XML but only render a few of them. Use the other columns somewhere else in your application, or use them to drive other components.

Internationalization & Accessibility

Unicode compliance and localized language-packs make deploying to non-English environments a breeze. Section 508 compliance and full keyboard navigation allows your application to be accessible.

Image Support

Display images in the combobox as part of the data.

Scalable

A lightweight data transport method combined with conservative period data fetching makes it a scalable enterprise tool. ComboBox is also real-world tested in some of the largest organizations in the world.

Keyboard Navigation

All user interface features are both keyboard and mouse accessible. Responds to form tabindex attributes as other form controls do.

Optional Integrated Menu Bar

Add menu items to any combobox easily using the declarative menu attributes.

Extensible

Build on ComboBox's robust JavaScript API to integrate the component into your existing application. Define custom behaviours, tap into internal events and even combine with open source Ajax frameworks like Dojo and Prototype.

Technical Details

Server-Platform Requirements

To use the native server-side XML libraries, you must be using one of the following platforms.

  • Java JDK 1.4+
  • Java Server Faces (JSF)
  • Active Server Pages 3.0 (ASP)
  • PHP 4+
  • ASP.NET 1.1, 2.0+
  • Coldfusion MX

End-User Platform Compatibility

  • Internet Explorer 6.0+
  • Firefox 1.0+
  • Safari 3.0+
  • Mozilla 1.3+
  • Camino 1.3+