TextArea Events
TextArea widget has the following events associated with it:
doLayout Event
This event is invoked for every widget when the widget position and dimensions are computed.
Syntax
doLayout()
Read/Write
Read + Write
Remarks
This event is invoked for all the widgets placed inside flex containers. This event is invoked in the order in which the widgets are added to the widget hierarchy and expect the frame property of the widget is calculated and available for use within this event.
This event is used to set the layout properties of child widgets in the relation to self and peer widgets whose layout is not yet performed.
The number of times this event invoked may vary per platform. It is not recommended to write business logic assuming that this function is invoked only once when there is a change in positional or dimensional properties. This event will not trigger when transformations are applied though widget is moved or scaled or rotated from its original location.
Example
//Sample code to set doLayout event callback to a button widget.
/*This code changes the top property of button2 and makes it appear below button1.*/
myForm.button1.doLayout=doLayoutButton1;
function doLayoutButton1(){
myForm.button2.top = myForm.button1.frame.height;
}
Platform Availability
- iOS, Android, Windows, and SPA
onBackKeyPress Event
This is event callback is invoked by the Android platform when the soft- keyboard is open and the back button of the device is clicked.
This event is not be triggered when you use gestures in the mobile device for back navigation.
Syntax
onBackKeyPress()
Read/Write
Read + Write
Example
/*This event is triggered in both TextBox and TextArea widgets for Android platform.*/
/*This example demonstrates how to assign callback to onBackKeyPress event myTxtBox TextBox widget in frmTextBox FlexForm. Use the onBackKeyPress event in TextArea widget in a similar manner.*/
frmTextBox.myTxtBox.onBackKeyPress= onBackKeyPressCallback;
function onBackKeyPressCallback(wdgRef) {
// handle the event here
// wdgRef returns the handle of the widget.
}
Platform Availability
- Android
onBeginEditing Event
This is an event callback that is invoked by the platform when the user clicks within the TextArea and is about to start editing.
Syntax
onBeginEditing()
Read/Write
Read + Write
Example
//Sample code to set the onBeginEditing event callback to a TextArea widget.
frmTxtArea.myTxtArea.onBeginEditing=onBeginEditingCallback;
function onBeginEditingCallback(txtArea){
//Write your logic here.
}
Platform Availability
- Available in the IDE
- iOS and Android
onDone Event
This event is triggered when user is done with entering text in textarea and click or touch the Go or Enter option.
Syntax
onDone()
Read/Write
Read + Write
Remarks
In Desktop Web platform, this event is fired when the enter key is pressed when the textarea has focus.
Example
//Sample code to set the onDone event callback to a TextArea widget.
frmTxtArea.myTxtArea.onDone=onDoneCallback;
function onDoneCallback(txtArea){
//Write your logic here.
}
Platform Availability
- Available in the IDE
- Available on all platforms except SPA
onEndEditing Event
This is an event callback that is invoked by the platform.
Syntax
onEndEditing()
Read/Write
Read + Write
Remarks
This is event is invoked when the user performs one of the below actions:
- Click on any other focusable widget (for example, another TextBox)
- Click on the Done button on the Next Previous bar.
- Click on the Done button on the keypad.
When you click on the Done button of the keypad the following events take place in a sequence:
- onendediting
- ondone
Example
//Sample code to set the onEndEditing event callback to a TextArea widget.
frmTxtArea.myTxtArea.onEndEditing=onEndEditingCallback;
function onEndEditingCallback(txtArea){
//Write your logic here.
}
Platform Availability
- Available in the IDE
- iOS and Android
onFocus Event
An event that accepts a callback function as an input and executes the functionality defined in the callback function when the widget is in focus.
Syntax
onFocus()
Input Parameters
Callback function
A function that contains the logic to be implemented when the widget is in focus.
The callback function of the onFocus Event contains a new parameter, activeElement. The activeElement parameter specifies the widget that is currently in focus.
Read/Write
Read + Write
Remarks
Assign a null value to the onFocus event of a widget to remove focus from the widget.
Example
//This is a generic event that is applicable for various widgets.
/*Here, we have shown how to use the onFocus event for a Button widget. You need to make a corresponding use of the onFocus event for other applicable widgets.*/
frmButton.myButton.onFocus = onFocusCallBack;
function onFocusCallBack(widget, activeElement) {
console.log('onFocus event triggered');
}
Platform Availability
- Available in the IDE
- Available on the Responsive Web platform
onKeyboardDidHide Event
This is event callback is invoked by the Android platform when the soft keyboard has been closed.
Syntax
onKeyboardDidHide()
Read/Write
Read + Write
Example
/*This event is triggered in both TextBox and TextArea widgets for Android platform.*/
/*This example demonstrates how to assign callback to onKeyBoardDidHide event myTxtBox TextBox widget in frmTextBox FlexForm. Use the onKeyBoardDidHide event in TextArea widget in a similar manner.*/
frmTextBox.myTxtBox.onKeyboardDidHide = keyboardCallbacksDidHide;
function keyboardCallbacksDidHide(wdgRef) {
// handle the event here
// wdgRef returns the handle of the widget.
}
Platform Availability
- Android
onKeyboardDidShow Event
This is event callback is invoked by the Android platform when the soft keyboard has been just brought into view.
Syntax
onKeyboardDidShow()
Read/Write
Read + Write
Limitation
- In Android platform, when you close the soft keyboard using back button, and then re-select the text by long-press in TextArea and TextBox widget, the
onKeyBoardDidShow
event is not triggered.
Example
/*This event is triggered in both TextBox and TextArea widgets for Android platform.*/
/*This example demonstrates how to assign callback to onKeyBoardDidShow event myTxtBox TextBox widget in frmTextBox FlexForm. Use the onKeyBoardDidShow event in TextArea widget in a similar manner.*/
frmTextBox.myTxtBox.onKeyboardDidShow = keyboardCallbacksDidShow;
function keyboardCallbacksDidShow(wdgRef) {
// handle the event here
// wdgRef returns the handle of the widget.
}
Platform Availability
- Android
onKeyboardWillHide Event
This is event callback is invoked by the Android platform when the soft keyboard is about to be hidden.
Syntax
onKeyboardWillHide()
Read/Write
Read + Write
Example
/*This event is triggered in both TextBox and TextArea widgets for Android platform.*/
/*This example demonstrates how to assign callback to onKeyBoardWillHide event myTxtBox TextBox widget in frmTextBox FlexForm. Use the onKeyBoardWillHide event in TextArea widget in a similar manner.*/
frmTextBox.myTxtBox.onKeyboardWillHide = keyboardCallbacksWillHide;
function keyboardCallbacksWillHide(wdgRef) {
// handle the event here
// wdgRef returns the handle of the widget.
}
Platform Availability
- Android
onKeyboardWillShow Event
This is event callback is invoked by the Android platform when the soft keyboard is about to be displayed.
Syntax
onKeyboardWillShow()
Read/Write
Read + Write
Limitation
- In Android platform, when you close the soft keyboard using back button, and then re-select the text by long-press in TextArea and TextBox widget, the
onKeyBoardWillShow
event is not triggered.
Example
/*This event is triggered in both TextBox and TextArea widgets for Android platform.*/
/*This example demonstrates how to assign callback to onKeyBoardWillShow event myTxtBox TextBox widget in frmTextBox FlexForm. Use the onKeyBoardWillShow event in TextArea widget in a similar manner.*/
frmTextBox.myTxtBox.onKeyboardWillShow = keyboardCallbacksWillShow;
function keyboardCallbacksWillShow(wdgRef) {
// handle the event here
// wdgRef returns the handle of the widget.
}
Platform Availability
- Android
onKeyDown Event
This is an event callback that is invoked by the platform when the user presses a key (on the keyboard).
Syntax
onKeyDown()
Read/Write
Read + Write
Example
//Sample code to set the onKeyDown event callback to a TextArea widget.
frmTxtArea.myTxtArea.onKeyDown=onKeyDownCallback;
function onKeyDownCallback(txtArea){
//Write your logic here.
}
Platform Availability
- Available in the IDE
- Desktop Web and SPA
onKeyUp Event
This is an event callback that is invoked by the platform when the user releases a key (on the keyboard).
Syntax
onKeyUp()
Read/Write
Read + Write
Example
//Sample code to set the onKeyUp event callback to a TextArea widget.
frmTxtArea.myTxtArea.onKeyUp=onKeyUpCallback;
function onKeyUpCallback(txtArea){
//Write your logic here.
}
Platform Availability
- Available in the IDE
- Desktop Web and SPA
onScrollWidgetPosition Event
This event callback is invoked by the platform when the widget location position gets changed on scrolling. The onScrollWidgetPosition event returns the positional coordinates of the widget's location with respect to the screen (screenX and screenY) and the parent container (frameX and frameY). This event is invoked asynchronously, and is not available for FlexForm widget.
Syntax
onScrollWidgetPosition()
Read/Write
Read + Write
Example
var LabelWdg = new voltmx.ui.Label(basicConf, layoutConf, pspConf);
form.add(LabelWdg);
LabelWdg.onScrollWidgetPosition = onScrollWidgetPositionCallBack;
function onScrollWidgetPositionCallBack(wdg, screenX, screenY, frameX, frameY) { //wdg : Widget that is registered for onScrollWidgetPosition.
/*screenX : Position of widget with respect to
the