Skip to content

TWebEditAutocomplete

Description

Below is a list of the most important properties methods and events for TWebEditAutocomplete. TWebEditAutocomplete is an edit control with the possibility to display a list of predefined values in a popup, filtered based on user input.

Designtime Runtime

HTML template tag

The HTML tag the component can be associated with in an HTML template. Assign the ID attribute with a unique value and set the identical value to the ElementID property. Detailed information can be found in the Use of HTML templates topic.

HTML tag <DIV ID=”UniqueID”></DIV>
ElementID UniqueID

Properties for TWebEditAutocomplete

Property Description
ActiveItemClassName Optionally sets the CSS classname for the active item in the popup list when styling via CSS is used
BorderStyle Sets the border style for the control
ElementClassName Optionally sets the CSS classname for the edit control when styling via CSS is used
ElementID Optionally sets the HTML element ID for a HTML INPUT element in the form HTML file the edit control needs to be connected with. When connected, no new edit control is created but the Delphi class is connected with the existing HTML element in the form HTML file
Items The list of pre-defined values to display in the popup
ItemIndex Gets the currently selected item index
ItemClassName Optionally sets the CSS classname for the items in the popup list when styling via CSS is used
LookupCaseSensitive Sets if the lookup search is case sensitive
LookupMinLength The minimum text length required before the lookup is initiated.
LookupType The type of lookup search that is performed.
ltAnywhere: Search for the character(s) anywhere in the text in the beginning of the text
ltFirstCharacter: Search for the character(s) in the beginning of the text
PopupClassName Optionally sets the CSS classname for the the popup styling via CSS is used
PopupHeight Sets the height of the popup. If the number of visible items exceeds the height of the popup a scrollbar is displayed. Set to 0 to let the popup autosize based ofthe number of displayed items
TabOrder Sets the tab order of the control
TabStop When True, the focus is turned to the control when pressing tab
Text Gets or sets the text of the edit control

Methods for TWebEditAutocomplete

Property Description
BeginUpdate Call BeginUpdate before starting to programmatically add items to the list
EndUpdate Call EndUpdate after programmatically adding items to update the list

Events for TWebEditAutocomplete

Property Description
OnClick Event triggered when the control is clicked
OnChange Event triggered when the value in the edit control is changed via the UI
OnEnter Event triggered when the control gets focus
OnExit Event triggered when focus leaves the control
OnRenderItem Event triggered for each displayed item. Items can be customized with the Args.ItemElement parameter
OnSelect Event triggered when an item is selected from the popup list