TextBox Group

(part of package 'Servoy Extra Components') Extends designtime/SolutionModel: JSWebComponent Extends runtime: RuntimeWebComponent

A Servoy Extra Component that groups one or more text fields, allowing for combined data input and validation.

This is a reference page; many components have detailed usage guides here.

Properties

dataProviderID

Bound data provider identifier for the text field group value. Type: Dataprovider

---

enabled

Flag indicating whether the text field group is enabled for user interaction. Type: Enabled Default Value: true

---

faclass

CSS style classes applied to the icon associated with the text field group. Type: String

---

format

Format string used to display and parse the text field group value. Type: Format

---

inputType

Specifies the type of input for the text field group (for example, "text" or "password"). Type: String Default Value: "text"

---

inputValidation

Specifies the validation to apply to the input (for example, "none" or "email"). Type: String Default Value: "text"

---

invalidEmailMessage

Message displayed when an invalid email address is entered. Type: Tagstring Default Value: "This is an invalid email address"

---

placeholderText

Placeholder text displayed when the text field group is empty. Type: Tagstring

---

readOnly

Flag indicating whether the text field group is read-only. Type: Protected Default Value: false

---

styleClass

CSS style classes applied to the text field group component. Type: Styleclass Default Value: "form-control"

---

tabSeq

Tab sequence order for keyboard navigation. Type: Tabseq

---

visible

Flag indicating whether the text field group is visible. Type: Visible

---

Events

onActionMethodID(event)

Called when the text field group triggers an action.

Parameters:

• {JSEvent} event The event object containing details about the action event.

---

onDataChangeMethodID(oldValue,newValue,event)

Called when the value of the text field group changes.

Parameters:

• {${dataproviderType}} oldValue The previous value from the data provider.
• {${dataproviderType}} newValue The new value to be set.
• {JSEvent} event The event object associated with the data change.

Returns: {Boolean}

---

onFocusGainedMethodID(event)

Called when the text field group gains focus.

Parameters:

• {JSEvent} event The event object containing details about the focus gained event.

---

onFocusLostMethodID(event)

Called when the text field group loses focus.

Parameters:

• {JSEvent} event The event object containing details about the focus lost event.

---

onRightClickMethodID(event)

Called when the text field group is right-clicked.

Parameters:

• {JSEvent} event The event object containing details about the right-click event.

---

API

isValid()

Checks whether the current input is a valid email address or if the input is empty.

Returns: Boolean Returns true if the input is valid (i.e., it is a valid email address or the input is empty); otherwise, false.

---

requestFocus(mustExecuteOnFocusGainedMethod)

Request the focus to this field.

Example:

myElement.requestFocus();

Parameters:

• {Boolean} [mustExecuteOnFocusGainedMethod] If false will not execute the onFocusGained method; the default value is true

---

---