PC SOFT

WINDEVWEBDEV AND WINDEV MOBILE
ONLINE HELP

Home | Sign in | English UK
  • Overview of the Combo Box control
  • Control in a window, control in a dynamic or static page
  • Creating a Combo Box control
  • To create a Combo Box control:
  • Type of the Combo Box control expanded area
  • Characteristics of Combo Box control
  • Editable Combo Box: type and mask of the input area
  • Adjusting the size of expanded area
  • Non-editable combo box: Search in the values of the Combo Box control
  • Size of the expanded area
  • Height of the input area in the Combo Box control
  • Drawing in Combo Box controls
  • Smartphone mode
  • Limits in Java
  • Vocabulary
  • Swap
  • Example
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadApple WatchUniversal Windows 10 AppWindows Mobile
Others
Stored procedures
Overview of the Combo Box control

Control in a window, control in a dynamic or static page

The "Combo Box" control is used to display a list of elements and to select an element from this list.
Unlike a List Box control , a Combo Box control is not expanded: it is expanded upon request or when the cursor is positioned on the list.
Versions 15 and later
Android The Combo Box controls are now available for Android applications.
New in version 15
Android The Combo Box controls are now available for Android applications.
Android The Combo Box controls are now available for Android applications.
Versions 16 and later
WINDEVLinux The Combo Box controls are now available for the WINDEV applications in Linux.
New in version 16
WINDEVLinux The Combo Box controls are now available for the WINDEV applications in Linux.
WINDEVLinux The Combo Box controls are now available for the WINDEV applications in Linux.
Versions 18 and later
Universal Windows 10 App The Combo Box controls are now available for the applications in Windows Store apps mode.
New in version 18
Universal Windows 10 App The Combo Box controls are now available for the applications in Windows Store apps mode.
Universal Windows 10 App The Combo Box controls are now available for the applications in Windows Store apps mode.
Versions 19 and later
iPhone/iPad The Combo Box controls are now available for iPhone/iPad applications.
New in version 19
iPhone/iPad The Combo Box controls are now available for iPhone/iPad applications.
iPhone/iPad The Combo Box controls are now available for iPhone/iPad applications.
WINDEVWINDEV Mobile In WINDEV and WINDEV Mobile, you can:
  • enter a value in the edit control if the Combo Box control is editable.
  • display the elements in table format if the Combo Box control contains several columns.
  • display the elements in listview format.
  • open a popup window.
  • adjust the width and height of the expanded list via the Combo Box control (see below)
Some examples:
Non-editable combo box, not expanded
Non-editable Combo Box control, not expanded
Expanded combo box with elements in list format
Expanded Combo Box control with elements in list format
WINDEVWINDEV Mobile The following examples apply to WINDEV and to WINDEV Mobile.
Expanded combo box with elements in table format
Expanded Combo Box control with elements in table format
Editable combo box with assisted input
Editable Combo Box control with assisted input
Graphic combo box
Graphic Combo Box control
Expanded combo box with elements in listview format
Expanded Combo Box control with elements in listview format
Combo box that opens a popup window
Combo Box control that opens a popup window
The elements displayed in a Combo Box control can be defined when creating the control in the editor. These elements:
  • are defined by programming.
  • come from a data file or from a query.
Creating a Combo Box control

To create a Combo Box control:

  1. In the window or page editor, click Creating a Combo Box control (or select "Insert .. Control .. Combo box").On the "Creation" pane, in the "Usual controls" group, click "Combo Box".
  2. Click the position where the control must be created in the page or window. The wizard for creating a Combo Box control is automatically started.
WINDEVWINDEV Mobile Tip: You can also create a "preset" Combo Box control by clicking the arrow on the right of Arrow. The list of available controls (with their preview in the skin template of project) is displayed. Simply click the requested control to create it in the editor.
WINDEVWINDEV Mobile Tip: You can also create a "preset" Combo Box control by expanding the "Combo Box" option. The list of available controls (with their preview in the skin template of project) is displayed. Simply click the requested control to create it in the editor.
To display the control characteristics, select "Description" from the popup menu of control.
Versions 18 and later
Universal Windows 10 App For the applications in Windows Store Apps mode, we recommend that you use the native combo boxes ("Native combo box" in the "Details" tab of the description window of control).
New in version 18
Universal Windows 10 App For the applications in Windows Store Apps mode, we recommend that you use the native combo boxes ("Native combo box" in the "Details" tab of the description window of control).
Universal Windows 10 App For the applications in Windows Store Apps mode, we recommend that you use the native combo boxes ("Native combo box" in the "Details" tab of the description window of control).
WINDEVAndroidWindows MobileUniversal Windows 10 AppJava

Type of the Combo Box control expanded area

The type of Combo Box control expanded area depends on the elements displayed by the Combo Box control .
To change the type of Combo Box control expanded area, select "Expanded type" in the "Content" tab of the Combo Box control description window ("Description" in the popup menu).
The available types are as follows:
  • List: displays the elements in list format.
    For a browsing Combo Box control, the displayed item is defined in the "Content" tab of the description window of control ("Description" from the popup menu).
  • Table: displays the elements in table format. A "Combo Box with table" is automatically created if the Combo Box control must display more than one element.
    To display the characteristics of the list columns, select "Description of columns" in the control popup menu (or click "Edit the columns" in the "Content" tab of the Combo Box description window).
    For a browsing Combo Box control, the displayed items are defined in the characteristics of the list columns ("Column Description" from the popup menu or "Edit the columns" button in the "Content" tab of the description window of control).
    AndroidiPhone/iPadUniversal Windows 10 App This type of expanded area is not available.
    WINDEVLinux In WINDEV Linux, this type of expanded area is not available.
  • ListView: displays the elements in listview format.
    To display the characteristics of the listview, click "Edit the ListView..." in the "Content" tab of the Combo Box description window .
    For a browsing Combo Box control, the item associated with the image caption and the one associated with the image are defined via the options "Displayed item" and " "Image item", which are found in the "Content" tab of the Combo Box control description ("Description" in the popup menu).
    AndroidiPhone/iPadUniversal Windows 10 App This type of expanded area is not available.
    WINDEVLinux In WINDEV Linux, this type of expanded area is not available.
  • Popup window: opens a popup window.
    The popup window to open can be selected in the "Content" tab of the description window of control ("Description" from the popup menu).
    AndroidiPhone/iPadUniversal Windows 10 App This type of expanded area is not available.
Characteristics of Combo Box control
WINDEVWindows MobileJava

Editable Combo Box: type and mask of the input area

In editable Combo Box controls, you can configure the edit control being used:
  • Versions 17 and later
    WINDEVWindows define the type of data entered: Text, Numeric, Currency, date, time, duration.
    New in version 17
    WINDEVWindows define the type of data entered: Text, Numeric, Currency, date, time, duration.
    WINDEVWindows define the type of data entered: Text, Numeric, Currency, date, time, duration.
  • define an input mask. This mask depends on the type of information (date, text, etc.) displayed in the Combo Box control. Several input masks are available for each type.
    These input masks are multilingual: different input masks can be selected according to the runtime language of the project.
    These input masks can be modified by programming with ..InputMask.
  • Versions 17 and later
    WINDEVWindows define a display mask. This display mask is available for editable Combo Box controls whose type is: Numeric, Currency, date, time or duration.
    These display masks are multilingual: different input masks can be selected depending on the runtime language of project.
    These display masks can be modified by programming with ..DisplayMask.
    New in version 17
    WINDEVWindows define a display mask. This display mask is available for editable Combo Box controls whose type is: Numeric, Currency, date, time or duration.
    These display masks are multilingual: different input masks can be selected depending on the runtime language of project.
    These display masks can be modified by programming with ..DisplayMask.
    WINDEVWindows define a display mask. This display mask is available for editable Combo Box controls whose type is: Numeric, Currency, date, time or duration.
    These display masks are multilingual: different input masks can be selected depending on the runtime language of project.
    These display masks can be modified by programming with ..DisplayMask.
To use multilingual masks:
  1. Click Multilingual to select the multilingual masks.
  2. Choose the relevant mask for each language supported by window.
  3. Validate. The "Multilingual value" caption appears in the combo box for mask definition.
WINDEVWindows Mobile

Adjusting the size of expanded area

To adjust the size of the Combo Box control expanded area:
  1. Select the Combo Box control in the window.
  2. Click the "Spin" button of the Combo Box control. The mouse cursor turns into a vertical arrow. The Combo Box expanded area is displayed as a dotted rectangle.
  3. Resize the expanded area as needed with the black handle.
To resize the Combo Box expanded area with pixel precision:
  1. Display the description window of Combo Box control ("Description" from the popup menu).
  2. In the "Details" tab, specify (in pixels) the size of the expanded area ("Height" and "Width").
Notes:
  • By default, the width of the expanded area corresponds to the width of the input area in the Combo Box control.
  • By default, the height of the expanded area is optimized according to the elements displayed in the Combo Box control ("Height" set to 0 in the "Details" tab of the Combo Box description window).
  • To enable end users to resize the expanded area directly in the application (using the expanded area resizing handle), check "Resizable" in the "Details" tab of the Combo Box control description ("Description" in the popup menu).
  • To store the size of expanded combo box when the window is closed by the end user, check "Store the size" in the "Details" tab of the Combo Box description window ("Description" in the popup menu). Thus, when the window is opened again, the expanded area will be the same size as the last time.
Versions 23 and later
WINDEV

Non-editable combo box: Search in the values of the Combo Box control

For non-editable Combo Box controls that list a large amount of information, you can propose a search area allowing the user to easily find the element to select.
To implement this feature:
  • from the editor: check "With search" in the "Details" tab of the non-editable Combo Box description.
  • by programming: use ..SearchAAF.
Note: The hint text "Search" is automatically displayed in the search area of the Combo Box control. This text cannot be configured.
New in version 23
WINDEV

Non-editable combo box: Search in the values of the Combo Box control

For non-editable Combo Box controls that list a large amount of information, you can propose a search area allowing the user to easily find the element to select.
To implement this feature:
  • from the editor: check "With search" in the "Details" tab of the non-editable Combo Box description.
  • by programming: use ..SearchAAF.
Note: The hint text "Search" is automatically displayed in the search area of the Combo Box control. This text cannot be configured.
WINDEV

Non-editable combo box: Search in the values of the Combo Box control

For non-editable Combo Box controls that list a large amount of information, you can propose a search area allowing the user to easily find the element to select.
To implement this feature:
  • from the editor: check "With search" in the "Details" tab of the non-editable Combo Box description.
  • by programming: use ..SearchAAF.
Note: The hint text "Search" is automatically displayed in the search area of the Combo Box control. This text cannot be configured.
WEBDEV - Server code

Size of the expanded area

The size of the expanded area varies according to the browser being used. If there are more elements in the Combo Box than those that can be displayed in the list, the scrolling is automatically managed: the expanded area has a vertical scrollbar.
Windows Mobile

Height of the input area in the Combo Box control

In the editor, the height of input area corresponds to the height of input area of control at run time.
To modify this height, change the font size in the "Style" tab of the Combo Box description window:
  • for the text in the input area,
  • for the selected row,
  • for the elements in the combo box.
WINDEVWindows Mobile

Drawing in Combo Box controls

You can draw or display an image in Combo Box controls via the drawing functions specific to the List Box and Combo Box controls.
Note: If a row of a Combo Box control displays an image via gImage, when this row is selected, the image is re-used in the main row.
Windows Mobile

Smartphone mode

Smartphones require special attention because of their very small screens. Combo Box controls work differently on Smartphones for this reason.
See Smartphone mode for more details.
Java

Limits in Java

The following characteristics are not supported in Java:
  • tooltip on scrollbar.
  • mandatory input.
  • custom height and width of the expanded area.
  • help number associated with the Combo Box control.
  • display mask for the input area.
  • type of input area.
Vocabulary
To easily handle a Combo Box control, you must be familiar with the following vocabulary:
Name Definition
Selection barAllows you to view the selected element in the expanded area. A specific color is used in most cases.
Browsing combo boxThe Combo box control is based on a data file or query. The control elements correspond to the file records.
Two types of browsing Combo box controls are available:
  • Browsing Combo Box control "Loaded in memory": The content of the control is loaded in memory then it is displayed in the control. Access to the Combo box control's elements is faster. This mode is reserved for the data files containing less than 100 000 records.
  • Browsing Combo Box control "Direct access (no limit)": The control directly displays the content of the data file or query. The current record corresponds to the selected element. Each move in the control involves an access to the linked data file. This type of combo box is reserved for data files containing more than 100,000 records.
Memory combo boxThe Combo box control is not based on a data file or a query. The elements displayed in the Combo Box control are defined by the developer (in the description window or by programming).
Editable Combo BoxThe user can enter text in the edit control associated with the Combo Box. If "Assisted input" is selected, the user can easily select the element by typing the first letters: the letters typed are automatically completed with the corresponding element.
Non-editable combo boxThe user selects an element in the expanded area via the selection bar.
WEBDEV - Server code Note: "Editable combo box" and "Non-editable combo box" do not apply to WEBDEV.
Swap
WINDEVWindows MobileJava WINDEV allows you to automatically transform a standard Combo Box into a Combo Box with table (and vice versa):
  1. Select the control to transform.
  2. Select the "Control .. Swap .. Combo box/Combo box with table" option.On the "Modification" pane, in the "Transformations" group, expand "Refactoring and swapping" and select "Combo Box/Combo Box with table".
Example
Several preset Combo Box controls are proposed in the "Wizards, Examples and Components" pane:
  1. Click the "Controls" button found in the "Wizard, Examples and Components" pane.
  2. In the list of controls, click "Pre-fill control".
To include one of these controls in your window or page, simply drag the control from the "Wizards, Examples and Components" pane and drop it in your window or page.
Related Examples:
The Combo Box control Unit examples (WINDEV): The Combo Box control
[ + ] Using a Combo Box control
WD Managing a computer fleet Complete examples (WINDEV): WD Managing a computer fleet
[ + ] This example presents the management of a computer fleet with WINDEV.
The following topics are presented in this example:
1/ the printed reports,
2/ the graphic representation of the location of the computer,
3/ the automatically filled combo boxes.
Summary of the example supplied with WINDEV:
This example is used to manage a computer fleet.
For each computer, you will be able to define its characteristics, its components, the person who is using it as well as its location in the offices.
The EyeMagnet Unit examples (WINDEV): The EyeMagnet
[ + ] Using the "eYe magnet" mechanism (also called conditional formatting)
The "eYe magnet" consists in modifying the visual aspect of a control in order to attract the user's attention to this control. WINDEV allows you to automatically modify this visual aspect according to a set of conditions.
Minimum version required
  • Version 9
This page is also available for…
Comments
Digitação da combo e apos dar enter para pesquisar desmarca seleção
//Exemplo vai no evento sair do campo ou dar enter

UI_CargaComboClientes("Win_AgendamentoTarefas.COMBO_QRY_Clientes_Ativos") // faz a query no banco

COMBO_QRY_Clientes_Ativos.Open() // abre a cortina

SendKey("{RIGHT}",COMBO_QRY_Clientes_Ativos) // desmarca a seleção do texto

//Assim fica show!!!!
https://forum.pcsoft.fr/fr-FR/pcsoft.br.windev/3152-informatica-exemplo-combo-com-abertura-cortina-busca-filtrada/read.awp
BOLLER
05 Apr. 2019
Video sobre combos
YOUTUBE Bollerzito
BOLLER
05 Apr. 2019
Video Combox query
https://youtu.be/WYKA6-i4Rl0
amarildo
06 Aug. 2018
Is like Save Value
Minha Dica hoje,
é como Guardar Valor,
sem precisar fazer nada de programação no WinDev

My Tip today,
Is like Save Value,
Without having to do any programming on WinDev

//Blog com Video e Exemplo

http://windevdesenvolvimento.blogspot.com.br/2017/03/aula-1088-windev-dicas-019-guardar-valor.html

https://www.youtube.com/watch?v=OarZ2jc_l9U

De matos
14 Mar. 2017
Exemplo Combox+Glink
ListDeleteAll(COMBO_cliente)
FOR EACH cliente
ListAdd(COMBO_cliente,cliente.nome+gLink(cliente.clienteID))
END

//frances
ListeSupprimeTout(COMBO_cliente)
POUR TOUT cliente
ListeAjoute(COMBO_cliente,cliente.nome+gLien(cliente.clienteID))
FIN

//Blog com Video e Exemplo
http://windevdesenvolvimento.blogspot.com.br/2016/03/curso-windev-combox-005-combox-glink.html

De matos AMARILDO
25 Mar. 2016
Exemplo Combox Ordem
ListDeleteAll(COMBO_cliente)
FOR EACH cliente
ListAdd(COMBO_cliente,cliente.nome)
END
//Coloca em Ordem
ListSort(COMBO_cliente,True,ccLexicographicOrder)

//Frances
ListeSupprimeTout(COMBO_cliente)
POUR TOUT cliente
ListeAjoute(COMBO_cliente,cliente.nome)
FIN
//Coloca em Ordem
ListeTrie(COMBO_cliente,Vrai,ccOrdreLexicographique)

//Blog com Video e Exemplo
http://windevdesenvolvimento.blogspot.com.br/2016/03/curso-windev-combox-004-combox-ordemsort.html
De matos AMARILDO
24 Mar. 2016
Exemplo Combox Editavel
//Blog com video e exemplo Combox Editavel
http://windevdesenvolvimento.blogspot.com.br/2016/02/curso-windev-combox-003-combox-editavel.html
De matos AMARILDO
07 Feb. 2016
Exemplo Combo - preencher Manual
ListDeleteAll(COMBO_meses)
ListAdd(COMBO_meses,"marco")
ListAdd(COMBO_meses,"janeiro")
ListAdd(COMBO_meses,"fevereiro")
ListAdd(COMBO_meses,"abril")
ListAdd(COMBO_meses,"maio")
ListAdd(COMBO_meses,"junho")
ListAdd(COMBO_meses,"julho")
ListAdd(COMBO_meses,"agosto")
ListAdd(COMBO_meses,"setembro")
ListAdd(COMBO_meses,"outubro")
ListAdd(COMBO_meses,"novembro")
ListAdd(COMBO_meses,"dezembro")
//Blog com Video e exemplo
http://windevdesenvolvimento.blogspot.com.br/2016/02/curso-windev-combox-001-preencher.html
De matos AMARILDO
07 Feb. 2016
Exemplo Selecionar Combo
//EM INGLES
SAI_resultado1=COMBO_meses // vai mostrar 1 para Janeiro
SAI_resultado2=COMBO_meses..StoredValue // Vai mostrar JANEIRO
//EM FRANCES
SAI_resultado1=COMBO_meses // vai mostrar 1 para Janeiro
SAI_resultado2=COMBO_meses..ValeurMémorisée // Vai mostrar JANEIRO
//Blog com Video e Exemplo
http://windevdesenvolvimento.blogspot.com.br/2016/02/curso-windev-combox-002-selecionar.html



De matos AMARILDO
07 Feb. 2016