A ComboBox graphical element allows users to select items from a predefined list.

On this page:


Requirements

This component is Portable. It runs both on Windows and on Web Pages hosted in any platform.


Configuration

  1. Go to Displays / Draw.
  2. On the Components Panel, select Interaction, then ComboBox.
  3. Click or drag-and-drop it on the Drawing area to use it.
  4. Double-click the component to open the configuration window.


Combo Box Settings

Field

Description

LinkedValue

Specifies the variable or tag to which the ComboBox is bound.

Binding

Sets the binding mode for the component. Options are:

TwoWay: Updates the data source and UI interchangeably;

OutputOnly: Allows data output without user input;

InputOnly: Accepts user input without updating the data source.

SelectedIndex

Specifies the index of the currently selected item in the ComboBox. 

Items Source

Determines the source of the items displayed in the ComboBox. Options are:

Designer: Allows the ComboBox to display a list of simple text items, configured in the designer.

StringTag: Tag with ComboBox items separated by ';' semi-colon.

ArrayTag: Allows the ComboBox to display items from an array.

DataTable: Allows the ComboBox to display items from a collection of objects..

Is Editable

Allows users to type in the ComboBox to add new items or select existing ones when selected

Start Index at One

Sets the index counting to start at one instead of zero when checked.

Reload

Specifies a command or function that reloads the items in the ComboBox.


DataTable Items Source

When using a DataTable as the Items Source, the value can be from a DatasetQuery, or a DatasetTable, a DataTable Tag, or an Array Tag of DataTemplates.

When using Dataset Table or Queries, there is no needing to call the Select(), the ComboBox will call the Select() to the Table or Query when initializing.

In order to define which column from the Database will populate the ComboBox, there are 2 options:

  • Using the DisplayMemberPath and SelectedValuePath
  • Using the Element UId or First Column

DisplayMemberPath and SelectedValuePath

The DisplayMemberPath is the name of the Column in the source table, that will populate the ComboBox.

TheSelectedValuePath is the name of the Column in the source table, that will be assigned to the LinkedValue when the selection changes.

When both elements are defined, and the source table contains those columns, the system uses this configuration to populate the ComboBox. Otherwise it will use the UId of the element, or the 

Element Uid or First Column

The UId is the element identification defined in the Properties SideBar.

If there is a column in that table that matches that Uid, the contents of that column, converted to string, is used to populate the ComboBox.

When that column is not found, the first column is used. 


Runtime Execution

When users select an item from a combo box, the application updates to reflect the chosen option. This selection changes the displayed data or configuration settings according to the user's choice. The combo box helps users choose from predefined options, such as a machine type or report format.


Check out the example ComboBox from Table to see this control in action.


In this section:

  • No labels