An Autosuggest object is an object containing an editable text box and offering input assistance by proposing a list of results matching the text entered by the user in real-time.
The object is comprised of two graphical components:
- an entry field,
- a list of result values displayed dynamically below the entry field, similar to a combo box. The result values are displayed vertically, one below the other.
The set of result values is defined by a list (ordered set of values): In Adelia terms, the object is associated with a LIST.
The object proposes two modes of association:
Combo box mode: Visually, the associated list is a single-column list. This list cannot be directly laid out in Dreamweaver (similar to the COMBO BOX object). In terms of 4GL code, the Autosuggest object provides the properties VALUE, CURRENT_VALUE and LIST. It can be manipulated in the same manner as a COMBO BOX.
Table list mode: The object is associated with a TABLE LIST object. Results rendering is linked to the rendering of this object (table with header, cell rendering according to the Adelia object types comprising the list's columns, etc.). Visually, the results list can be displayed in multi-column format. In terms of 4GL code, the Autosuggest object provides only the VALUE property. The LIST property does not exist in this mode, as the object is based on the list of the associated TABLE LIST object. To determine the values associated with the VALUE property, the user must select a "value" column amongst the columns making up the TABLE LIST.
An <adelia:autosuggest> tag is created when you insert an Autosuggest object. The presence of this tag determines a link with the Adelia Web program to which the current HTML page belongs.
Indeed, the attributes of the <adelia:autosuggest> tag and certain attributes of the associated <input> HTML tag, define the characteristics of the Adelia variable associated with the object and determine the object's behaviour.
Click here to:
see an example,
see more information about inserting an autosuggest field,
see more information about event processing blocks.