특별히 editRenderer 속성 값을 설정하지 않으면 출력되는 기본적인 편집 렌더러입니다. (InputEditRenderer)

기본(default) 편집 렌더러에 속성을 추가로 지정하고자 한다면 칼럼 레이아웃 설정 시 다음처럼 정의 하십시오.

dataField : "f4",
headerText : "숫자 입력",
dataType : "numeric",
width : 160,
editRenderer : {
	type : "InputEditRenderer",
	showEditorBtnOver : true, // 마우스 오버 시 에디터버턴 보이기
	onlyNumeric : true, // 0~9만 입력가능
	allowPoint : true, // 소수점( . ) 도 허용할지 여부
	allowNegative : true, // 마이너스 부호(-) 허용 여부
	textAlign : "right", // 오른쪽 정렬로 입력되도록 설정
	maxlength : 10, // 글자수 10으로 제한 (천단위 구분자 삽입(autoThousandSeparator=true)로 한 경우 구분자 포함해서 10자로 제한)
	autoThousandSeparator : true // 천단위 구분자 삽입 여부
}

■ showEditorBtnOver 를 true 로 설정하면 마우스 오버 셀에 에디터 버턴이 따라 다닙니다.

◎ "오른쪽 정렬" 칼럼은 입력 글자 수를 제한하도록 설정한 모습입니다.(maxlength 지정)

◎ "숫자 입력" 칼럼은 숫자 입력만을 받도록 설정한 모습입니다.(onlyNumeric 지정, 소수점 허용 원하면 allowPoint 지정, 음수 허용 원한다면 allowNegative 지정)

◎ 정규식을 설정(regExp 설정)하여 매 입력마다 해당 정규식에 맞는 경우만 입력을 허용할 수 있습니다.

◎ 정규식은 RegExp 객체 생성자 방식으로 체크하게 됩니다. 리터럴 방식이 아니기 때문에 특수문자가 있는 경우 백슬래시(\)를 사용하십시오.

예로 리터럴에서의 \d 이 숫자만을 의마할 때 객체 생성자 방식은 \\d 로 정의합니다.

마우스 더블 클릭 또는 F2 키를 눌러 편집 모드로 진입하면 텍스트 정렬된 인푸터를 확인 할 수 있습니다.