PC SOFT

WINDEVWEBDEV AND WINDEV MOBILE
ONLINE HELP

Home | Sign in | English UK
  • Overview
  • Assisted input in a page
  • Assisted input "in memory"
  • "Browsing" assisted input
  • Programmed assisted input
  • Principle
  • Assisted input "in memory"
  • How to?
  • Examples
  • "Browsing" assisted input
  • How to?
  • "Programmed" assisted input
  • How to?
  • 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
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 by programming.
Versions 19 and later
WEBDEV - Server code This feature is now available for the WEBDEV sites.
WEBDEV - Server codePHP This feature is now available for the WEBDEV sites in PHP.
WEBDEV - Browser code This feature is now available in browser code.
New in version 19
WEBDEV - Server code This feature is now available for the WEBDEV sites.
WEBDEV - Server codePHP This feature is now available for the WEBDEV sites in PHP.
WEBDEV - Browser code This feature is now available in browser code.
WEBDEV - Server code This feature is now available for the WEBDEV sites.
WEBDEV - Server codePHP This feature is now available for the WEBDEV sites in PHP.
WEBDEV - Browser code This feature is now available in browser code.
Versions 24 and later
WindowsLinux From version 24 Update 1, the assisted input in WINDEV application on Windows and Linux works in the same way as in the other platforms.
New in version 24
WindowsLinux From version 24 Update 1, the assisted input in WINDEV application on Windows and Linux works in the same way as in the other platforms.
WindowsLinux From version 24 Update 1, the assisted input in WINDEV application on Windows and Linux works in the same way as in the other platforms.
Versions 19 and later
WEBDEV - Server codeWEBDEV - Browser codePHPAjax
Assisted input in a page
Versions 19 and later
WEBDEV - Server codeWEBDEV - Browser codePHPAjax WEBDEV proposes several types of assisted input:
  • Assisted input "in memory": The edit control is not linked to an item found a data file. The automatic input is performed from a list of data supplied by programming (AssistedInputAdd). WEBDEV manages the display of data in the list according to the input.
  • "Browsing" assisted input: The edit control is linked to an item found in a data file or in a query. WEBDEV manages the display of data in the list 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.
New in version 19
WEBDEV - Server codeWEBDEV - Browser codePHPAjax WEBDEV proposes several types of assisted input:
  • Assisted input "in memory": The edit control is not linked to an item found a data file. The automatic input is performed from a list of data supplied by programming (AssistedInputAdd). WEBDEV manages the display of data in the list according to the input.
  • "Browsing" assisted input: The edit control is linked to an item found in a data file or in a query. WEBDEV manages the display of data in the list 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.
WEBDEV - Server codeWEBDEV - Browser codePHPAjax WEBDEV proposes several types of assisted input:
  • Assisted input "in memory": The edit control is not linked to an item found a data file. The automatic input is performed from a list of data supplied by programming (AssistedInputAdd). WEBDEV manages the display of data in the list according to the input.
  • "Browsing" assisted input: The edit control is linked to an item found in a data file or in a query. WEBDEV manages the display of data in the list 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.
Versions 19 and later
WEBDEV - Server codeWEBDEV - Browser codePHPAjax

Assisted input "in memory"

To implement the assisted input "in memory":
  1. Use AssistedInputAdd to add the elements taken into account by the assisted input.
  2. If necessary, use AssistedInputConfigure to configure the characteristics of the assisted input: filter, list opening, number of characters typed before opening the list, ...
Example:
// Load code of the page
AssistedInputConfigure(EDT_Find, aiMinSize, 3)
AssistedInputConfigure(EDT_Find, aiFilter, filterContains)
 
FOR EACH STRING sTitle OF gsPhotoTitles SEPARATED BY CR
AssistedInputAdd(EDT_Find, sTitle)
END
New in version 19
WEBDEV - Server codeWEBDEV - Browser codePHPAjax

Assisted input "in memory"

To implement the assisted input "in memory":
  1. Use AssistedInputAdd to add the elements taken into account by the assisted input.
  2. If necessary, use AssistedInputConfigure to configure the characteristics of the assisted input: filter, list opening, number of characters typed before opening the list, ...
Example:
// Load code of the page
AssistedInputConfigure(EDT_Find, aiMinSize, 3)
AssistedInputConfigure(EDT_Find, aiFilter, filterContains)
 
FOR EACH STRING sTitle OF gsPhotoTitles SEPARATED BY CR
AssistedInputAdd(EDT_Find, sTitle)
END
WEBDEV - Server codeWEBDEV - Browser codePHPAjax

Assisted input "in memory"

To implement the assisted input "in memory":
  1. Use AssistedInputAdd to add the elements taken into account by the assisted input.
  2. If necessary, use AssistedInputConfigure to configure the characteristics of the assisted input: filter, list opening, number of characters typed before opening the list, ...
Example:
// Load code of the page
AssistedInputConfigure(EDT_Find, aiMinSize, 3)
AssistedInputConfigure(EDT_Find, aiFilter, filterContains)
 
FOR EACH STRING sTitle OF gsPhotoTitles SEPARATED BY CR
AssistedInputAdd(EDT_Find, sTitle)
END
Versions 19 and later
WEBDEV - Server codeWEBDEV - Browser codePHPAjax

"Browsing" assisted input

To implement the "Browsing" assisted input:
  1. In the description window of edit control:
    • Check whether the edit control is linked to an item found in a data file or in a query ("Link" tab).
      Caution: The item must be a key.
    • In the "Details" tab, check "Assisted input (Link required)".
  2. Validate the description window of edit control.
At run time, as soon as the first letter is typed in the control, a list is displayed with the different data corresponding to the letter typed.
Notes:
  • If the edit control is linked to a query item, the query is automatically run. However, if this query expects parameters, you must specify them and run the query with HExecuteQuery (for example, in the event "Declaration of global variables" or "Initializing" of the page).
  • The display filter of the assisted input in a "Starts with" filter. To use another filter, you must use the programmed assisted input.
New in version 19
WEBDEV - Server codeWEBDEV - Browser codePHPAjax

"Browsing" assisted input

To implement the "Browsing" assisted input:
  1. In the description window of edit control:
    • Check whether the edit control is linked to an item found in a data file or in a query ("Link" tab).
      Caution: The item must be a key.
    • In the "Details" tab, check "Assisted input (Link required)".
  2. Validate the description window of edit control.
At run time, as soon as the first letter is typed in the control, a list is displayed with the different data corresponding to the letter typed.
Notes:
  • If the edit control is linked to a query item, the query is automatically run. However, if this query expects parameters, you must specify them and run the query with HExecuteQuery (for example, in the event "Declaration of global variables" or "Initializing" of the page).
  • The display filter of the assisted input in a "Starts with" filter. To use another filter, you must use the programmed assisted input.
WEBDEV - Server codeWEBDEV - Browser codePHPAjax

"Browsing" assisted input

To implement the "Browsing" assisted input:
  1. In the description window of edit control:
    • Check whether the edit control is linked to an item found in a data file or in a query ("Link" tab).
      Caution: The item must be a key.
    • In the "Details" tab, check "Assisted input (Link required)".
  2. Validate the description window of edit control.
At run time, as soon as the first letter is typed in the control, a list is displayed with the different data corresponding to the letter typed.
Notes:
  • If the edit control is linked to a query item, the query is automatically run. However, if this query expects parameters, you must specify them and run the query with HExecuteQuery (for example, in the event "Declaration of global variables" or "Initializing" of the page).
  • The display filter of the assisted input in a "Starts with" filter. To use another filter, you must use the programmed assisted input.
Versions 19 and later
WEBDEV - Server codeWEBDEV - Browser codePHPAjax

Programmed assisted input

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 (associated with the filterNone constant). Therefore, the list for the assisted input can be opened and it will display all the specified elements.
  2. Add the optional browser event "Key down" or "Key up" to the edit control.
  3. In this event, run the code of an Ajax button thanks to ExecuteProcess. This process will update the list proposed by the assisted input by performing the following operations:
    • Deleting all the elements (AssistedInputDeleteAll).
    • Filling the list by browsing the data source and by applying a filter if necessary.
Example:
// "Contains" search performed in the name
// and code of an array of stock shares
FOR EACH sName, sCode of gArrShare
IF Contains(sCode, sSoughtValue) _OR_ ...
Contains(sName, sSoughtValue) THEN
AssistedInputAdd(PAGE_InMemory.EDT_Programmed_mode, sName)
END
END
New in version 19
WEBDEV - Server codeWEBDEV - Browser codePHPAjax

Programmed assisted input

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 (associated with the filterNone constant). Therefore, the list for the assisted input can be opened and it will display all the specified elements.
  2. Add the optional browser event "Key down" or "Key up" to the edit control.
  3. In this event, run the code of an Ajax button thanks to ExecuteProcess. This process will update the list proposed by the assisted input by performing the following operations:
    • Deleting all the elements (AssistedInputDeleteAll).
    • Filling the list by browsing the data source and by applying a filter if necessary.
Example:
// "Contains" search performed in the name
// and code of an array of stock shares
FOR EACH sName, sCode of gArrShare
IF Contains(sCode, sSoughtValue) _OR_ ...
Contains(sName, sSoughtValue) THEN
AssistedInputAdd(PAGE_InMemory.EDT_Programmed_mode, sName)
END
END
WEBDEV - Server codeWEBDEV - Browser codePHPAjax

Programmed assisted input

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 (associated with the filterNone constant). Therefore, the list for the assisted input can be opened and it will display all the specified elements.
  2. Add the optional browser event "Key down" or "Key up" to the edit control.
  3. In this event, run the code of an Ajax button thanks to ExecuteProcess. This process will update the list proposed by the assisted input by performing the following operations:
    • Deleting all the elements (AssistedInputDeleteAll).
    • Filling the list by browsing the data source and by applying a filter if necessary.
Example:
// "Contains" search performed in the name
// and code of an array of stock shares
FOR EACH sName, sCode of gArrShare
IF Contains(sCode, sSoughtValue) _OR_ ...
Contains(sName, sSoughtValue) THEN
AssistedInputAdd(PAGE_InMemory.EDT_Programmed_mode, sName)
END
END
Related Examples:
Photo_Gallery Complete examples (WEBDEV): Photo_Gallery
[ + ] This example is a site of photo gallery and it includes 2 main sections:
- the "visitor" section, developed in AWP mode therefore referenceable.
- the management section, developed in standard WEBDEV mode therefore secured.  
 
Among the available features, you will find:
- an organization of your photos by album
- different modes for presentation the photos: slide show mode, scroll mode, detailed mode
- a link to the social networks
- the ability for the visitors to comment your publications
- a contact form
- for the site management, you have the ability to upload your photos, to describe them, to turn them around, to encrust a watermark..
New in version 19
WEBDEV - Server codeWEBDEV - Browser codePHPAjax
Assisted input in a page
Versions 19 and later
WEBDEV - Server codeWEBDEV - Browser codePHPAjax WEBDEV proposes several types of assisted input:
  • Assisted input "in memory": The edit control is not linked to an item found a data file. The automatic input is performed from a list of data supplied by programming (AssistedInputAdd). WEBDEV manages the display of data in the list according to the input.
  • "Browsing" assisted input: The edit control is linked to an item found in a data file or in a query. WEBDEV manages the display of data in the list 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.
New in version 19
WEBDEV - Server codeWEBDEV - Browser codePHPAjax WEBDEV proposes several types of assisted input:
  • Assisted input "in memory": The edit control is not linked to an item found a data file. The automatic input is performed from a list of data supplied by programming (AssistedInputAdd). WEBDEV manages the display of data in the list according to the input.
  • "Browsing" assisted input: The edit control is linked to an item found in a data file or in a query. WEBDEV manages the display of data in the list 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.
WEBDEV - Server codeWEBDEV - Browser codePHPAjax WEBDEV proposes several types of assisted input:
  • Assisted input "in memory": The edit control is not linked to an item found a data file. The automatic input is performed from a list of data supplied by programming (AssistedInputAdd). WEBDEV manages the display of data in the list according to the input.
  • "Browsing" assisted input: The edit control is linked to an item found in a data file or in a query. WEBDEV manages the display of data in the list 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.
Versions 19 and later
WEBDEV - Server codeWEBDEV - Browser codePHPAjax

Assisted input "in memory"

To implement the assisted input "in memory":
  1. Use AssistedInputAdd to add the elements taken into account by the assisted input.
  2. If necessary, use AssistedInputConfigure to configure the characteristics of the assisted input: filter, list opening, number of characters typed before opening the list, ...
Example:
// Load code of the page
AssistedInputConfigure(EDT_Find, aiMinSize, 3)
AssistedInputConfigure(EDT_Find, aiFilter, filterContains)
 
FOR EACH STRING sTitle OF gsPhotoTitles SEPARATED BY CR
AssistedInputAdd(EDT_Find, sTitle)
END
New in version 19
WEBDEV - Server codeWEBDEV - Browser codePHPAjax

Assisted input "in memory"

To implement the assisted input "in memory":
  1. Use AssistedInputAdd to add the elements taken into account by the assisted input.
  2. If necessary, use AssistedInputConfigure to configure the characteristics of the assisted input: filter, list opening, number of characters typed before opening the list, ...
Example:
// Load code of the page
AssistedInputConfigure(EDT_Find, aiMinSize, 3)
AssistedInputConfigure(EDT_Find, aiFilter, filterContains)
 
FOR EACH STRING sTitle OF gsPhotoTitles SEPARATED BY CR
AssistedInputAdd(EDT_Find, sTitle)
END
WEBDEV - Server codeWEBDEV - Browser codePHPAjax

Assisted input "in memory"

To implement the assisted input "in memory":
  1. Use AssistedInputAdd to add the elements taken into account by the assisted input.
  2. If necessary, use AssistedInputConfigure to configure the characteristics of the assisted input: filter, list opening, number of characters typed before opening the list, ...
Example:
// Load code of the page
AssistedInputConfigure(EDT_Find, aiMinSize, 3)
AssistedInputConfigure(EDT_Find, aiFilter, filterContains)
 
FOR EACH STRING sTitle OF gsPhotoTitles SEPARATED BY CR
AssistedInputAdd(EDT_Find, sTitle)
END
Versions 19 and later
WEBDEV - Server codeWEBDEV - Browser codePHPAjax

"Browsing" assisted input

To implement the "Browsing" assisted input:
  1. In the description window of edit control:
    • Check whether the edit control is linked to an item found in a data file or in a query ("Link" tab).
      Caution: The item must be a key.
    • In the "Details" tab, check "Assisted input (Link required)".
  2. Validate the description window of edit control.
At run time, as soon as the first letter is typed in the control, a list is displayed with the different data corresponding to the letter typed.
Notes:
  • If the edit control is linked to a query item, the query is automatically run. However, if this query expects parameters, you must specify them and run the query with HExecuteQuery (for example, in the event "Declaration of global variables" or "Initializing" of the page).
  • The display filter of the assisted input in a "Starts with" filter. To use another filter, you must use the programmed assisted input.
New in version 19
WEBDEV - Server codeWEBDEV - Browser codePHPAjax

"Browsing" assisted input

To implement the "Browsing" assisted input:
  1. In the description window of edit control:
    • Check whether the edit control is linked to an item found in a data file or in a query ("Link" tab).
      Caution: The item must be a key.
    • In the "Details" tab, check "Assisted input (Link required)".
  2. Validate the description window of edit control.
At run time, as soon as the first letter is typed in the control, a list is displayed with the different data corresponding to the letter typed.
Notes:
  • If the edit control is linked to a query item, the query is automatically run. However, if this query expects parameters, you must specify them and run the query with HExecuteQuery (for example, in the event "Declaration of global variables" or "Initializing" of the page).
  • The display filter of the assisted input in a "Starts with" filter. To use another filter, you must use the programmed assisted input.
WEBDEV - Server codeWEBDEV - Browser codePHPAjax

"Browsing" assisted input

To implement the "Browsing" assisted input:
  1. In the description window of edit control:
    • Check whether the edit control is linked to an item found in a data file or in a query ("Link" tab).
      Caution: The item must be a key.
    • In the "Details" tab, check "Assisted input (Link required)".
  2. Validate the description window of edit control.
At run time, as soon as the first letter is typed in the control, a list is displayed with the different data corresponding to the letter typed.
Notes:
  • If the edit control is linked to a query item, the query is automatically run. However, if this query expects parameters, you must specify them and run the query with HExecuteQuery (for example, in the event "Declaration of global variables" or "Initializing" of the page).
  • The display filter of the assisted input in a "Starts with" filter. To use another filter, you must use the programmed assisted input.
Versions 19 and later
WEBDEV - Server codeWEBDEV - Browser codePHPAjax

Programmed assisted input

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 (associated with the filterNone constant). Therefore, the list for the assisted input can be opened and it will display all the specified elements.
  2. Add the optional browser event "Key down" or "Key up" to the edit control.
  3. In this event, run the code of an Ajax button thanks to ExecuteProcess. This process will update the list proposed by the assisted input by performing the following operations:
    • Deleting all the elements (AssistedInputDeleteAll).
    • Filling the list by browsing the data source and by applying a filter if necessary.
Example:
// "Contains" search performed in the name
// and code of an array of stock shares
FOR EACH sName, sCode of gArrShare
IF Contains(sCode, sSoughtValue) _OR_ ...
Contains(sName, sSoughtValue) THEN
AssistedInputAdd(PAGE_InMemory.EDT_Programmed_mode, sName)
END
END
New in version 19
WEBDEV - Server codeWEBDEV - Browser codePHPAjax

Programmed assisted input

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 (associated with the filterNone constant). Therefore, the list for the assisted input can be opened and it will display all the specified elements.
  2. Add the optional browser event "Key down" or "Key up" to the edit control.
  3. In this event, run the code of an Ajax button thanks to ExecuteProcess. This process will update the list proposed by the assisted input by performing the following operations:
    • Deleting all the elements (AssistedInputDeleteAll).
    • Filling the list by browsing the data source and by applying a filter if necessary.
Example:
// "Contains" search performed in the name
// and code of an array of stock shares
FOR EACH sName, sCode of gArrShare
IF Contains(sCode, sSoughtValue) _OR_ ...
Contains(sName, sSoughtValue) THEN
AssistedInputAdd(PAGE_InMemory.EDT_Programmed_mode, sName)
END
END
WEBDEV - Server codeWEBDEV - Browser codePHPAjax

Programmed assisted input

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 (associated with the filterNone constant). Therefore, the list for the assisted input can be opened and it will display all the specified elements.
  2. Add the optional browser event "Key down" or "Key up" to the edit control.
  3. In this event, run the code of an Ajax button thanks to ExecuteProcess. This process will update the list proposed by the assisted input by performing the following operations:
    • Deleting all the elements (AssistedInputDeleteAll).
    • Filling the list by browsing the data source and by applying a filter if necessary.
Example:
// "Contains" search performed in the name
// and code of an array of stock shares
FOR EACH sName, sCode of gArrShare
IF Contains(sCode, sSoughtValue) _OR_ ...
Contains(sName, sSoughtValue) THEN
AssistedInputAdd(PAGE_InMemory.EDT_Programmed_mode, sName)
END
END
Related Examples:
Photo_Gallery Complete examples (WEBDEV): Photo_Gallery
[ + ] This example is a site of photo gallery and it includes 2 main sections:
- the "visitor" section, developed in AWP mode therefore referenceable.
- the management section, developed in standard WEBDEV mode therefore secured.  
 
Among the available features, you will find:
- an organization of your photos by album
- different modes for presentation the photos: slide show mode, scroll mode, detailed mode
- a link to the social networks
- the ability for the visitors to comment your publications
- a contact form
- for the site management, you have the ability to upload your photos, to describe them, to turn them around, to encrust a watermark..
WEBDEV - Server codeWEBDEV - Browser codePHPAjax
Assisted input in a page
Versions 19 and later
WEBDEV - Server codeWEBDEV - Browser codePHPAjax WEBDEV proposes several types of assisted input:
  • Assisted input "in memory": The edit control is not linked to an item found a data file. The automatic input is performed from a list of data supplied by programming (AssistedInputAdd). WEBDEV manages the display of data in the list according to the input.
  • "Browsing" assisted input: The edit control is linked to an item found in a data file or in a query. WEBDEV manages the display of data in the list 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.
New in version 19
WEBDEV - Server codeWEBDEV - Browser codePHPAjax WEBDEV proposes several types of assisted input:
  • Assisted input "in memory": The edit control is not linked to an item found a data file. The automatic input is performed from a list of data supplied by programming (AssistedInputAdd). WEBDEV manages the display of data in the list according to the input.
  • "Browsing" assisted input: The edit control is linked to an item found in a data file or in a query. WEBDEV manages the display of data in the list 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.
WEBDEV - Server codeWEBDEV - Browser codePHPAjax WEBDEV proposes several types of assisted input:
  • Assisted input "in memory": The edit control is not linked to an item found a data file. The automatic input is performed from a list of data supplied by programming (AssistedInputAdd). WEBDEV manages the display of data in the list according to the input.
  • "Browsing" assisted input: The edit control is linked to an item found in a data file or in a query. WEBDEV manages the display of data in the list 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.
Versions 19 and later
WEBDEV - Server codeWEBDEV - Browser codePHPAjax

Assisted input "in memory"

To implement the assisted input "in memory":
  1. Use AssistedInputAdd to add the elements taken into account by the assisted input.
  2. If necessary, use AssistedInputConfigure to configure the characteristics of the assisted input: filter, list opening, number of characters typed before opening the list, ...
Example:
// Load code of the page
AssistedInputConfigure(EDT_Find, aiMinSize, 3)
AssistedInputConfigure(EDT_Find, aiFilter, filterContains)
 
FOR EACH STRING sTitle OF gsPhotoTitles SEPARATED BY CR
AssistedInputAdd(EDT_Find, sTitle)
END
New in version 19
WEBDEV - Server codeWEBDEV - Browser codePHPAjax

Assisted input "in memory"

To implement the assisted input "in memory":
  1. Use AssistedInputAdd to add the elements taken into account by the assisted input.
  2. If necessary, use AssistedInputConfigure to configure the characteristics of the assisted input: filter, list opening, number of characters typed before opening the list, ...
Example:
// Load code of the page
AssistedInputConfigure(EDT_Find, aiMinSize, 3)
AssistedInputConfigure(EDT_Find, aiFilter, filterContains)
 
FOR EACH STRING sTitle OF gsPhotoTitles SEPARATED BY CR
AssistedInputAdd(EDT_Find, sTitle)
END
WEBDEV - Server codeWEBDEV - Browser codePHPAjax

Assisted input "in memory"

To implement the assisted input "in memory":
  1. Use AssistedInputAdd to add the elements taken into account by the assisted input.
  2. If necessary, use AssistedInputConfigure to configure the characteristics of the assisted input: filter, list opening, number of characters typed before opening the list, ...
Example:
// Load code of the page
AssistedInputConfigure(EDT_Find, aiMinSize, 3)
AssistedInputConfigure(EDT_Find, aiFilter, filterContains)
 
FOR EACH STRING sTitle OF gsPhotoTitles SEPARATED BY CR
AssistedInputAdd(EDT_Find, sTitle)
END
Versions 19 and later
WEBDEV - Server codeWEBDEV - Browser codePHPAjax

"Browsing" assisted input

To implement the "Browsing" assisted input:
  1. In the description window of edit control:
    • Check whether the edit control is linked to an item found in a data file or in a query ("Link" tab).
      Caution: The item must be a key.
    • In the "Details" tab, check "Assisted input (Link required)".
  2. Validate the description window of edit control.
At run time, as soon as the first letter is typed in the control, a list is displayed with the different data corresponding to the letter typed.
Notes:
  • If the edit control is linked to a query item, the query is automatically run. However, if this query expects parameters, you must specify them and run the query with HExecuteQuery (for example, in the event "Declaration of global variables" or "Initializing" of the page).
  • The display filter of the assisted input in a "Starts with" filter. To use another filter, you must use the programmed assisted input.
New in version 19
WEBDEV - Server codeWEBDEV - Browser codePHPAjax

"Browsing" assisted input

To implement the "Browsing" assisted input:
  1. In the description window of edit control:
    • Check whether the edit control is linked to an item found in a data file or in a query ("Link" tab).
      Caution: The item must be a key.
    • In the "Details" tab, check "Assisted input (Link required)".
  2. Validate the description window of edit control.
At run time, as soon as the first letter is typed in the control, a list is displayed with the different data corresponding to the letter typed.
Notes:
  • If the edit control is linked to a query item, the query is automatically run. However, if this query expects parameters, you must specify them and run the query with HExecuteQuery (for example, in the event "Declaration of global variables" or "Initializing" of the page).
  • The display filter of the assisted input in a "Starts with" filter. To use another filter, you must use the programmed assisted input.
WEBDEV - Server codeWEBDEV - Browser codePHPAjax

"Browsing" assisted input

To implement the "Browsing" assisted input:
  1. In the description window of edit control:
    • Check whether the edit control is linked to an item found in a data file or in a query ("Link" tab).
      Caution: The item must be a key.
    • In the "Details" tab, check "Assisted input (Link required)".
  2. Validate the description window of edit control.
At run time, as soon as the first letter is typed in the control, a list is displayed with the different data corresponding to the letter typed.
Notes:
  • If the edit control is linked to a query item, the query is automatically run. However, if this query expects parameters, you must specify them and run the query with HExecuteQuery (for example, in the event "Declaration of global variables" or "Initializing" of the page).
  • The display filter of the assisted input in a "Starts with" filter. To use another filter, you must use the programmed assisted input.
Versions 19 and later
WEBDEV - Server codeWEBDEV - Browser codePHPAjax

Programmed assisted input

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 (associated with the filterNone constant). Therefore, the list for the assisted input can be opened and it will display all the specified elements.
  2. Add the optional browser event "Key down" or "Key up" to the edit control.
  3. In this event, run the code of an Ajax button thanks to ExecuteProcess. This process will update the list proposed by the assisted input by performing the following operations:
    • Deleting all the elements (AssistedInputDeleteAll).
    • Filling the list by browsing the data source and by applying a filter if necessary.
Example:
// "Contains" search performed in the name
// and code of an array of stock shares
FOR EACH sName, sCode of gArrShare
IF Contains(sCode, sSoughtValue) _OR_ ...
Contains(sName, sSoughtValue) THEN
AssistedInputAdd(PAGE_InMemory.EDT_Programmed_mode, sName)
END
END
New in version 19
WEBDEV - Server codeWEBDEV - Browser codePHPAjax

Programmed assisted input

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 (associated with the filterNone constant). Therefore, the list for the assisted input can be opened and it will display all the specified elements.
  2. Add the optional browser event "Key down" or "Key up" to the edit control.
  3. In this event, run the code of an Ajax button thanks to ExecuteProcess. This process will update the list proposed by the assisted input by performing the following operations:
    • Deleting all the elements (AssistedInputDeleteAll).
    • Filling the list by browsing the data source and by applying a filter if necessary.
Example:
// "Contains" search performed in the name
// and code of an array of stock shares
FOR EACH sName, sCode of gArrShare
IF Contains(sCode, sSoughtValue) _OR_ ...
Contains(sName, sSoughtValue) THEN
AssistedInputAdd(PAGE_InMemory.EDT_Programmed_mode, sName)
END
END
WEBDEV - Server codeWEBDEV - Browser codePHPAjax

Programmed assisted input

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 (associated with the filterNone constant). Therefore, the list for the assisted input can be opened and it will display all the specified elements.
  2. Add the optional browser event "Key down" or "Key up" to the edit control.
  3. In this event, run the code of an Ajax button thanks to ExecuteProcess. This process will update the list proposed by the assisted input by performing the following operations:
    • Deleting all the elements (AssistedInputDeleteAll).
    • Filling the list by browsing the data source and by applying a filter if necessary.
Example:
// "Contains" search performed in the name
// and code of an array of stock shares
FOR EACH sName, sCode of gArrShare
IF Contains(sCode, sSoughtValue) _OR_ ...
Contains(sName, sSoughtValue) THEN
AssistedInputAdd(PAGE_InMemory.EDT_Programmed_mode, sName)
END
END
Related Examples:
Photo_Gallery Complete examples (WEBDEV): Photo_Gallery
[ + ] This example is a site of photo gallery and it includes 2 main sections:
- the "visitor" section, developed in AWP mode therefore referenceable.
- the management section, developed in standard WEBDEV mode therefore secured.  
 
Among the available features, you will find:
- an organization of your photos by album
- different modes for presentation the photos: slide show mode, scroll mode, detailed mode
- a link to the social networks
- the ability for the visitors to comment your publications
- a contact form
- for the site management, you have the ability to upload your photos, to describe them, to turn them around, to encrust a watermark..
Principle
WINDEV, WINDEV Mobile and WEBDEV propose several types of assisted input:
  • Assisted input "in memory": The edit control is not linked to an item found a data file. The automatic input is performed from a list of data supplied by programming (AssistedInputAdd). The data from the list is displayed according to the input.
  • "Browsing" assisted input: The edit control is linked to an item found in a data file or in a 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.
  2. If necessary, use AssistedInputConfigure to configure the characteristics of the assisted input: filter, list opening, number of characters typed before opening the list, ...

Examples

  • WEBDEV - Server codeWEBDEV - Browser codePHPAjax Example for a page:
    // Load code of the page
    AssistedInputConfigure(EDT_Find, aiMinSize, 3)
    AssistedInputConfigure(EDT_Find, aiFilter, filterContains)
     
    FOR EACH STRING sTitle OF gsPhotoTitles SEPARATED BY CR
    AssistedInputAdd(EDT_Find, sTitle)
    END
"Browsing" assisted input

How to?

To implement the "Browsing" assisted input:
  1. In the description window of edit control:
    • Check whether the edit control is linked to an item found in a data file or in a query ("Link" tab).
      Caution: The item must be a key.
    • In the "Details" tab, check "Assisted input (Link required)".
  2. Validate the description window of edit control.
At run time, as soon as the first letter is typed in the control, a list is displayed with the different data corresponding to the letter typed.
Notes:
  • If the edit control is linked to a query item, the query is automatically run. However, if this query expects parameters, you must specify them and run the query with HExecuteQuery (for example, in the event "Declaration of global variables" or "End of initialization" of the window).
  • 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 event "Whenever modified" of the edit control:

Example

// "Contains" search performed in the name
// and code of an array of stock shares
 
FOR EACH sName, sCode of gArrShare
IF Contains(sCode, EDT_Programmed_mode) _OR_ ...
Contains(sName, EDT_Programmed_mode) THEN
AssistedInputAdd(WIN_InMemory.EDT_Programmed_mode, sName)
END
END
Related Examples:
Photo_Gallery Complete examples (WEBDEV): Photo_Gallery
[ + ] This example is a site of photo gallery and it includes 2 main sections:
- the "visitor" section, developed in AWP mode therefore referenceable.
- the management section, developed in standard WEBDEV mode therefore secured.  
 
Among the available features, you will find:
- an organization of your photos by album
- different modes for presentation the photos: slide show mode, scroll mode, detailed mode
- a link to the social networks
- the ability for the visitors to comment your publications
- a contact form
- for the site management, you have the ability to upload your photos, to describe them, to turn them around, to encrust a watermark..
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…
Comments
Auto Complete Personalizado
https://youtu.be/JDQOQyVbsfw
Mister ANDRE MARTINI
11 Sep. 2018