맨위로가기
 

SBUx

닫기

Textarea

긴문장을 입력해야 할 때 사용하는 컴포넌트 입니다.

기본 사항

사항 설명 비고
HTML 태그 형태

<sbux-textarea></sbux-textarea>

필수 속성 id, name, uitype
* 2.6.962 버전이후 변경사항 :
- id 속성 미사용시 name 값으로 자동 매핑
- uitype 속성 미사용시 SBUxDefault.js 에 설정된 값으로 자동 매핑
uitype 속성 값 normal
예시) HTML 형태의 개발

<script>

  function evt_onchange(args){

      alert("값 변경시 이벤트 :" + args);

  }

</script>


<sbux-textarea id="idxTextarea_norm" name="textarea_norm" uitype="normal"

                    onchange="evt_onchange(textArea_norm)">

</sbux-textarea>

예시) jQuery Plugin 형태의 개발

<div id="sbArea"></div>

<script>

   $(document).ready(function(){

       $('#sbArea').sbTextarea({

           name : 'sbScriptNm',

           uitype : 'normal'

       });

   });

</script>

주요 속성 사항

속성명 설명 / 유형(n:normal) 비고
init 초기값 n
required 필수 입력 지정 n
disabled 비활성 n
readonly 읽기 전용 n
group-id 그룹으로 묶일 id n
placeholder 데이터가 없을 때 나타나는 구문 n
minlength 최소 길이 값 n
maxlength 최대 길이 값 n
ime-mode IE 브라우저 지원 IME 모드 n active, inactive, disabled
rows 열(row)의 개수 속성 n
cols 행(col)의 개수 속성 n
auto-resize 세로 스크롤 바가 나타나지 않고
세로 영역의 크기가 자동으로 확대
n
auto-trim 앞뒤 공백을 자동으로 제거 n
is-content-html 데이터가 HTML 형태일때 사용 n
detect-attack SQL Injection 및 XSS 검사를 시행 n
grid-id 연동되는 그리드 id n
grid-direction 데이터의 진행 방향 n
grid-status 그리드 행의 상태 변화 n
grid-event 연동시점 그리드 이벤트 n valuechanged(기본값), undefined(이벤트 발생안함)
grid-ref 그리드의 Column Reference 값 n grid 컬럼 ref 지정
grid-jit 입력되는 즉시 반영 n
onclick 클릭시 이벤트 n
onchange 값 변경시의 이벤트 n
onkeypress 키보드 키 입력시 이벤트 n
onkeyenter 키보드 엔터키 입력시 이벤트 n
onfocus focus 시 이벤트 n
onblur focus out 시 이벤트 n

주요 API 사항

API 명 설명 / 유형(n:normal) 비고
SBUxMethod.set 값을 입력 n
SBUxMethod.get 저장된 값 호출 n
SBUxMethod.attr 속성값 변경 n readonly, disabled
SBUxMethod.refresh 재호출 n
SBUxMethod.hide 감추기 n
SBUxMethod.show 보이기 n
SBUxMethod.getAllData 전체데이터 가져오기 n
SBUxMethod.clearAllData 전체데이터 지우기 n
SBUxMethod.getGroupData group-id 로 묶여진 컴포넌트 데이터 가져오기 n
SBUxMethod.clearGroupData group-id 로 묶여진 컴포넌트 데이터 지우기 n
SBUxMethod.changeGroupAttr group-id 로 묶여진 컴포넌트 데이터 속성변경 n readonly,disabled
SBUxMethod.showGroup group-id 로 묶여진 컴포넌트 보이기 n
SBUxMethod.hideGroup group-id 로 묶여진 컴포넌트 감추기 n
SBUxMethod.refreshGroup group-id 로 묶여진 컴포넌트 refresh n
SBUxMethod.dynamic string 형태로 입력하여 동적 생성 n
SBUxMethod.render <sbux-xxx tag >랜더링 n
SBUxMethod.validateRequired required 속성이 있는 컴포넌트 체크 n