사용자 정의 에디트렌더러 - textarea

Title 과 Content 칼럼은 그리드에서 제공되는 에디트 렌더러(에디터)가 아닌 사용자(개발자)가 직접 작성한 에디터를 그리드의 editRenderer 로 정의하여 설정한 모습입니다.

사용자 정의 에디트렌더러는 다음과 같이 editRenderer 에 "CustomEditRenderer" 를 type으로 지정하고, 실제 사용자가 작성한 js 파일을 jsClass 값으로 설정하십시오.

dataField: "content",
headerText: "Content",
style: "my-wrap-column", // 줄바꿈 문자 들어온 값 그대로 개행 시키기 위한 스타일 정의
width: 400,
editRenderer: {
	type: "CustomEditRenderer",
	jsClass: AUIGrid.TextareaEditor,
	vPosition: "top",
	fitWidth: true,
	extraProps: {
		confirm: "확 인(Ctrl+Enter)",
		cancel: "취 소(Esc)"
	}
}

AUIGrid.TextareaEditor 는 HTML의 textarea 를 활용하여 작성한 것으로서 다수의 줄을 입력하면 캐리지 리턴을 포함하여 값으로 수정 완료 처리하도록 작성한 것입니다.

샘플로 제공되는 AUIGrid.TextareaEditor.js 파일을 참고하여 원하는 에디트 렌더러를 작성해 보십시오.

* Title : 그리드에서 값으로 존재하는 \n, \r\n이 줄바꿈을 하지 않음.

* Content : 그리드에서 값으로 존재하는 \n, \r\n이 줄바꿈 하도록 스타일 지정. (my-wrap-column CSS 참고)