This content has been translated automatically.  Click here  to view the French version.
  • Overview
  • Principle
  • Assisted input "in memory"
  • How to?
  • Examples
  • Remarks
  • "Browsing" assisted input
  • How to?
  • "Programmed" assisted input
  • How to?
  • Example
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WindowsLinuxPHPWEBDEV - Browser code
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac CatalystUniversal Windows 10 App
Stored procedures
The principle of assisted input in an edit control is straightforward: when the user starts to type in an edit control, a list is automatically expanded below the control, proposing the values that start with the text currently typed.
The assisted input can be implemented from the editor or it can be customized through programming.
WINDEV, WINDEV Mobile and WEBDEV propose several types of assisted input:
  • Assisted input "in memory": The edit control is not bound to an item in a data file. The automatic input is made from a list of data provided in the code (AssistedInputAdd). The data from the list is displayed according to the input.
  • "browsing" assisted input: The edit control is bound to an item in a data file or query. The data from the list is displayed according to the input.
  • Programmed assisted input: The assisted input is performed from a custom list of data. The display of data in the list according to the input is customized.
Assisted input "in memory"

How to?

To implement the assisted input "in memory":
  1. Use AssistedInputAdd to add the elements taken into account by the assisted input.
    It is possible to add:
    • a simple value, displayed in the list of proposals of the assisted entry,
    • New in version 28
      a displayed value and a stored value.
    • New in version 28
      a variable of type AssistedInput.
  2. If necessary, use AssistedInputConfigure to configure the characteristics of the assisted input: filter, list opening, number of characters typed before opening the list, ...
New in version 28
Remark: The stored value allows you to associate a specific value to an row of the assisted entry. This value can be used for example to perform a specific treatment according to the type of value selected.


  • WEBDEV - Server codeWEBDEV - Browser codePHPAjax Example for a page:
    // Code de chargement de la page
    AssistedInputConfigure(SAI_Rechercher, aiMinSize, 3)
    AssistedInputConfigure(SAI_Rechercher, aiFilter, filterContains)
    FOR EACH STRING sTitre OF gsTitresPhotos SÉPARÉE BY CR
    AssistedInputAdd(SAI_Rechercher, sTitre)
New in version 28


  • The optional event "Selection of a value in the assisted input list" is executed when an element is selected. This event takes as parameter an Variable of type AssistedInput. This Variable shows the selected value and the associated stored value if it exists.
  • By Default, the value displayed in the edit control when selected in the assisted entry, corresponds to the selected value. To change the value of edit control, use the event "Select a value from the assisted entry list.". For example, it is possible to display the value stored in the edit control.
For more details, see Events associated with Edit controls.
"Browsing" assisted input

How to?

To implement the "Browsing" assisted input:
  1. In the edit control description window:
    • Check whether the edit control is bound to an item in a data file or query ("Binding" tab).
      Caution: The item must be a key.
    • In the "Details" tab, check "Assisted input based on data binding".
  2. Validate the edit control description window.
At runtime, as soon as the first letter is typed in the control:
  • WEBDEV - Server code a list appears with different results that match the letter typed.
  • If the edit control is bound to a query item, the query is automatically executed. However, if the query expects parameters, you must specify them (e.g., in the "Global declarations" or "End of initialization" events of the window) and then execute the query with HExecuteQuery.
  • The display filter of the assisted input in a "Starts with" filter. To use another filter, you must use the programmed assisted input.
"Programmed" assisted input

How to?

The programmed assisted input is used to handle a custom data source.
To use the programmed assisted input:
  1. Disable the default filter with AssistedInputConfigure (using the filterNone constant). Therefore, the list for the assisted input can be opened and it will display all the specified elements.
  2. In the "Whenever modified" event of the edit control:


// Recherche de type "contient" dans le nom
// et le code d'un tableau d'actions boursières
FOR EACH sNom, sCode of gTabAction
IF Contains(sCode, SAI_Mode_programmé) _OR_ ...
Contains(sNom, SAI_Mode_programmé) THEN
AssistedInputAdd(FEN_EnMémoire.SAI_Mode_programmé, sNom)
Related Examples:
Photo_Gallery Complete examples (WEBDEV): Photo_Gallery
[ + ] This example is a photo gallery site and is composed of 2 main parts:
- the "visitor" part, developed in Active WEBDEV Page mode and SEO-compatible.
- the administration part, secured and developed in standard WEBDEV mode.  
These are some of the available features:
- organize photos via albums
- include links to social networks
- enable users to comment on posts
- user login via WEBDEV'S GPU
- contact form
- ability to upload, describe, and classify photos via albums on the administration side
The AssistedInput functions Unit examples (WINDEV): The AssistedInput functions
[ + ] Using the WLanguage AssistedInput functions.
These functions are used to easily implement an assisted input on the controls.
Minimum version required
  • Version 17
This page is also available for…
Auto Complete Personalizado
11 Sep. 2018