Introduction

jqxDropDownList represents a jQuery widget that contains a list of selectable items displayed in a drop-down. It performs exceptionally well with thousands of items and supports keyboard navigation and rich list items visualization. We designed and built the jqxDropDownList widget from scratch to deliver the visual appearance, and feature richness that professional software developers demand.

Features

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

Great Performance

Our jQuery DropDownList 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.

Data Binding

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

• Local Data - load the DropDownList from a local array of objects.
• Xml Data - load the DropDownList from XML data source using AJAX.
• JSON Data - load the DropDownList from JSON data source using AJAX.
• CSV Data - load the DropDownList from CSV.
• Tab Data - load DropDownList from Tab-Delimited (TSV).
• Remote Data - load the DropDownList 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 DropDownList 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.

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, jqxDropDownList 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.