| 사항 | 설명 | 비고 | |
|---|---|---|---|
| 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 명 | 설명 / 유형(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.render | <sbux-xxx tag >랜더링 | n | |
| SBUxMethod.validateRequired | required 속성이 있는 컴포넌트 체크 | n | |
