Introduction

jqxListBox represents a jQuery listbox widget that contains a list of selectable items. It performs exceptionally well with thousands of items and supports checkboxes, single and multiple selection, keyboard navigation and rich list items visualization.

Features

  • Great Performance
  • Data Binding
  • Keyboard Navigation
  • CheckBoxes
  • Incremental Search
  • Drag & Drop
  • PC, Touch & Mobile Devices Support
  • Web Standards Compliant
  • Rich and easy to use JavaScript API
  • Easy customization and built-in themes

Great Performance

Our jQuery ListBox offers an intuitive and easy-to-use interface. It supports full UI virtualization which minimizes the number of DOM elements that need to be rendered and ensures unbeatable performance in scenarios with thousands of list items.
jquery-listbox-images

Data Binding

jqxListBox has a built-in data binding logic designed to support various data sources and operate with large datasets. The ListBox supports several data binding modes optimized for common scenarios:

  • Local Data - load the ListBox from a local array of objects.
  • Xml Data - load the ListBox from XML data source using AJAX.
  • JSON Data - load the ListBox from JSON data source using AJAX.
  • CSV Data - load the ListBox from CSV.
  • Tab Data - load ListBox from Tab-Delimited (TSV).
  • Remote Data - load the ListBox using JSONP. JSONP (JSON with Padding) represents JSON data wrapped in a function call. JSONP is an effective cross-domain communication technique frequently used to bypass the same-origin policy limitations.

Keyboard Navigation

You can use the arrow keys on the keyboard to move around the ListBox items. Press the down arrow to move down the selection. Press the up arrow to move up the selection. Press the Page Up/Down keys to navigate up or down with one page. When you press the Home and End keys, you can easily navigate to the first and last list item.

CheckBoxes

jqxListBox fully supports checkboxes, which are displayed next to the ListBox items. You can enable the checkboxes mode by setting the listbox's 'checkboxes' property to true.
jquery-listbox-checkboxes

Incremental Search

An incremental search begins searching as soon as you type the first character of the search string. As you type in the search string, jqxListBox automatically selects the found item. When you have typed enough characters to identify the place you want, you can stop. You may terminate the search explicitly with 'Return' or 'Esc' keys. If you make a mistake in typing the search string, you can cancel characters with 'DEL' or 'Backspace'. Each 'DEL' or 'Backspace' cancels the last character of search string. The Incremental Search string is automatically restarted after a time-interval when you stop typing.

PC, Touch and Mobile Devices Support

jqxListBox supports all major desktop and mobile web browsers – Internet Explorer 7.0+, Firefox 2.0+, Safari 3.0+, Opera 9.0+, Google Chrome, IE Mobile, Android, Opera Mobile, Mobile Safari(IPhone, IPad). jqxListBox automatically detects the browser's type and adjusts its internal behavior for optimal rendering and best user experience. You can easily use this widget even on touch devices. When the ListBox detects that its running on a touch-enabled device, it turns on its built-in touch-scrolling and selection.

Rich and easy to use JavaScript API

jqxListBox has a rich set of events and built-in functions guaranteeing full control over the ListBox. With the ListBox API, you can select or unselect an item, add, insert or remove list items, disable or hide an item.

Copyright 2011-2014 jQWidgets. All rights reserved. Contact Us | Follow Us | Purchase