Range 칼럼은 그리드에서 제공되는 에디트 렌더러(에디터)가 아닌 사용자(개발자)가 직접 작성한 에디터를 그리드의 editRenderer 로 정의하여 설정한 모습입니다.
사용자 정의 에디트렌더러는 다음과 같이 editRenderer 에 "CustomEditRenderer" 를 type으로 지정하고, 실제 사용자가 작성한 js 파일을 jsClass 값으로 설정하십시오.
dataField: "range",
headerText: "Range(0 ~ 100)",
width: 160,
editRenderer: {
type: "CustomEditRenderer",
jsClass: AUIGrid.RoundSliderEditor
},
AUIGrid.RoundSliderEditor 는 jQuery roundSlider.js 를 사용하여 그리드의 셀 값을 수정하도록 작성한 것입니다.
샘플로 제공되는 AUIGrid.RoundSliderEditor.js 파일을 참고하여 원하는 에디트 렌더러를 작성해 보십시오.
roundSlider(a free jquery plugin)는 MIT License 로 자세한 사항은 https://roundsliderui.com 에서 확인 가능합니다.