SMART datagrid v1.4 > Examples
SMART datagrid 모듈은 LineCellEditor와 MultiLineCellEditor 두 개의 셀 편집기를 제공한다. 셀 편집기는 DataColumn.editor 속성을 통해 설정한다. 단순히 편집기의 종류만 텍스트로 설정할 수도 있고, 편집기 종류와 함께 편집기 속성들을 같이 전달할 수도 있다. editor 도움말 토픽을 참조한다.
LineCellEditor은 한줄 텍스트를 입력할 수 있는 편집기다. DataColumn.editor 설정 시 type을 "line"으로 하거나 아예 지정하지 않으면 이 편집기가 사용된다. enter 키를 입력하면 편집이 완료되고, esc 키를 입력하면 편집이 취소된다. maxLength로 입력 가능한 최대 길이를 지정할 수 있다.
선택된 컬럼의 편집기 max length.
또, textCase로 입력 대소문자를 지정한다.
에디터 textCase가 default이면 컬럼 textInputCase를 따른다.
MultiLineCellEditor은 여러 줄 텍스트를 입력할 수 있는 편집기다. DataColumn.editor 설정 시 type을 "multiline"으로 한다.
column.setEditor({
type: "multiline",
maxLength: 200
});
column.setStyles({
textWrap: DataLudi.TextWrap.EXPLICIT
});
shift+enter 키를 입력하면 줄이 나누어진다. "enter" 키를 입력하변 편집이 완료되고, esc 키를 입력하면 편집이 취소된다.
LineCellEditor와 동일한 속성들을 갖는다. 아래 예제에서 "제품명" 컬럼이 이 편집기로 설정됐다. 주의할 점은 컬럼의 textWrap 스타일 값을 TextWrap.NORMAL이나 EXPLICIT로 설정해야 데이터셀에 줄이 나누어져 표시된다.