Large Animating Textbox

this.view.<componentID>.setData(data);

data: JSON object containing the following key-value pairs to set the component preferences.

• isMasked: Boolean value to enable masking user-entered characters in the input box.
• currencySymbol: Sets the currency symbol to be displayed before an amount.
• amountPlaceholder: Sets the placeholder text when an amount is displayed.
• keyBoardStyle: Sets the keyboard style when entering text into the input box.
• isCurrency: This key accepts a Boolean value.
  • When the value of this parameter is true, the component sets currencySymbol and amountPlaceholder values, and the text in the placeholder key is not animated.
  • When the value of this parameter is false, the component behaves as an Animating Textbox with large font size.
• placeholder: Sets the filler text in the input box in a String format. This text animates to the top and becomes the title while entering the input.
• maxTextLength: Sets the maximum number of characters allowed in the input box.
• restrictCharactersSet: Sets the collection of characters that the user cannot enter in the input box in a String format. If the user enters any of these characters, the character is removed automatically from the input box.
• text: The user-entered text in a String format.
• textInputMode: Specifies the input characters type of the input box.
• keyboardActionLabel: Sets the text of the action label of the keyboard.
• errorText: Sets the text of the Error label of the component in a String format.
• onBeginEditingCallback: Sets the callback function to be invoked when the onBeginEditing event of the textbox of the component is triggered.
• onEndEditingCallback: Sets the callback function to be invoked when the onEndEditing event of the textbox of the component is triggered.
• onDoneCallback: Sets the callback function to be invoked when the onDone event of the textbox of the component is triggered.
• onTextChangeCallback: Sets the callback function to be invoked when the onTextChange event of the textbox of the component is triggered.
• onClearCallback: Sets the callback function to be invoked when the onClear event of the textbox of the component is triggered.
• isReadOnly: This parameter sets the read-only mode of the component. If the value of this parameter is true, the read-only mode of the component is enabled. If the value of this parameter is false, the read-write mode is enabled.

var data = {
	"isMasked": false,
	"currencySymbol": "$"
	"amountPlaceholder": "0.00"
	"keyBoardStyle": constants.TEXTBOX_KEY_BOARD_STYLE_DEFAULT,
	"isCurrency": true "placeholder": "Amount",
	"maxTextLength": 19,
	"restrictCharactersSet": "~#^|$%&*!",
	"text": "123.00",
	"textInputMode": constants.TEXTBOX_INPUT_MODE_ANY,
	"keyboardActionLabel": TEXTBOX_KEYBOARD_LABEL_DONE,
	"errorText": "",
	"onBeginEditingCallback": this.formFunc1,
	"onEndEditingCallback": this.formFunc2,
	"onDoneCallback": this.formFunc3,
	"onTextChangeCallback": this.formFunc4,
	"onClearCallback": this.formFunc5,
	"isReadOnly": false
};
this.view.largeanimatingtextbox.setData(data);

this.view.<componentID>.setReadOnly();

NA

this.view.largeanimatingtextbox.setReadOnly();

this.view.<componentID>.setReadWrite();

NA

this.view.largeanimatingtextbox.setReadWrite();

this.view.<componentID>.clearText();

NA

this.view.largeanimatingtextbox.clearText();

this.view.<componentID>.setText(text);

text: Sets the text of the input box in a String format.

var text = "This is a sample text";
this.view.largeanimatingtextbox.setText(text);

this.view.<componentID>.setErrorText(text);

text: Sets the error text in a String format.

var text = "This is a mandatory field";
this.view.largeanimatingtextbox.setErrorText(text);

this.view.<componentID>.hideError();

NA

this.view.largeanimatingtextbox.hideError();

this.view.<componentID>.getData();

NA

var data = {
	text: "john.doe@temenos.com",
	isMasked: false,
	placeholder: "Email ID",
	textInputMode: constants.TEXTBOX_INPUT_MODE_ANY,
};
data = this.view.largeanimatingtextbox.getData();

this.view.<componentID>.getText();

NA

var text = "This is a sample text";
text=this.view.largeanimatingtextbox.getText();

text: The user-entered text in a String format.

this.onBeginEditingCallback(text); 

text: The user-entered text in a String format.

this.onEndEditingCallback(text); 

text: The user-entered text in a String format.

this.onDoneCallback(text); 

text: The user-entered text in a String format.

this.onTextChangeCallback(text); 

NA

this.onClearCallback();