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

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

dataField: "color",
headerText: "Color-배경",
width: 160,
editRenderer: {
	type: "CustomEditRenderer",
	jsClass: AUIGrid.SpectrumEditor
},

AUIGrid.SpectrumEditor 는 jQuery spectrum.js 를 사용하여 그리드의 셀 값을 수정하도록 작성한 것입니다.

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

jQuery spectrum.js 는 MIT License 로 자세한 사항은 https://github.com/bgrins/spectrum 에서 확인 가능합니다.