본문바로가기

Component

TextArea

Basic

TextArea 컴포넌트 입니다. class="Textarea"

<textarea class="Textarea" rows="6" cols="40"></textarea>

Attributes

data-disabled

  • Type: {boolean}
    • “true” : 마크업으로 버튼을 비활성화 시킬때 다음과 같이 선언하여 사용합니다.
<textarea class="Textarea" rows="6" cols="40" data-disabled="true"></textarea>

Options

$a.setup, set/getOption API에 사용할 수 있는 옵션 정보입니다.

disabled

Functions

.getOptions()

Textarea에 설정된 옵션값을 모두 가져올 수 있습니다.

  • Return {object}
    • object
      • Textarea에 설정된 옵션을 key-value로 가지는 오브젝트를 리턴합니다.
//Textarea에 설정된 모든옵션값을 가져옵니다.
$('#Textarea').getOptions();

.setEnabled (isEnabled)

TextArea의 활성화/비활성화를 동적으로 조정할 때 사용하는 API입니다.

  • parameter
    • isEnabled {Boolean} Required
      • 설정된 isEnabled값에 의해서 버튼이 활성화/비활성화 됩니다
<textarea id="textareaId" class="Textarea" rows="6" cols="40"></textarea>
<button id="btn_setEnable" class="Button Toggle">Disable</button>
function disableAction() {
	if ($('#btn_setEnabled').text() == 'Enable') {
		$('#textareaId').setEnabled(true);
		$('#btn_setEnabled').text('Disable');
	} else {
		$('#textareaId').setEnabled(false);
		$('#btn_setEnabled').text('Enable');
	}
}
$('#btn_setEnable').on('click', disableAction);

.setOptions(options)

Textarea에 동적으로 옵션을 설정합니다.

  • Parameters
    • options {object}
      • Textarea에 설정된 옵션을 key-value로 가지는 오브젝트를 입력합니다.
$('#Textarea').setOptions({
	disabled: true
});