The drop-down box control resembles the textbox control except that it has a button next to it. When a user clicks on a button, a list of choices are displayed. After user selects one of the choices, the selected value is used to fill in the drop-down. The choices defined for a drop-down control can be static, dynamic, or based on a variable.

Displayed and Stored Values in DropdownBox Controls

Dropdown box controls can have both displayed and stored values that are defined using static data. A small amount of Javascript can be used in order to read both the stored and displayed values.

Dynamically Re-Populate Choices in a Dropdown Box

You can create a dropdown box that allows users to enter new options to the dropdown list. These entries can be made using a pop-up window and then stored in a SQL database.

Populating a DropdownBox Control from the Client-side Data Cache

The choices in a DropdownBox control are computed at build time in disconnected applications built using PhoneGap or deployed as web applications that use the Application Cache. Unless explicitly updated, the DropdownBox will show the data computed at built time. If choices for a DropdownBox control are calculated from a data source (such as a SQL database or web service), the client-side data cache can be used. Using the data cache, choices for the DropdownBox will be updated in offline-enabled applications if a connection is available.

Populating Cascading DropdownBox Controls Using the Client-side Data Cache

Individual DropdownBox controls can be populated using the Client-side Data Cache easily using the client-side-data-cache:cacheItemName(displayDataColumn,storedValueColumn) directive. However, this method does not work for cascading DropdownBoxes.

Using a Dropdown Box Control to Populate a List with SQL Data

It is possible to create a dropdown box control with static choices that, when selected, will populate a static list with SQL based data.

See Also