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 symbol that appears before the currency.
• amountPlaceholder: Sets the filler text that appears in the Amount input field.
• keyBoardStyle: Sets the keyboard style when entering text into the input box.
• isCurrency: When the value of this key is true, the component renders the currency symbol, sets the amountPlaceholder, and does not animate the placeholder label widget to the title position when the user enters the data. When the value of this field is false, the component behaves like a normal Animating TextBox component.
• 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.animatingtextbox.setData(data);	

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

NA

this.view.animatingtextbox.setReadOnly();

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

NA

this.view.animatingtextbox.setReadWrite();

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

NA

this.view.animatingtextbox.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.animatingtextbox.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.animatingtextbox.setErrorText(text);

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

NA

this.view.animatingtextbox.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.animatingtextbox.getData();

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

NA

var text = "This is a sample text";
text=this.view.animatingtextbox.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();