그리드 라인넘버 데이터부 가이드

그리드 라인넘버 컬럼 데이터부 속성 관련 예시 화면이다.

관련 속성으로 linenumber_forecolor, linenumber_backcolor, linenumber_style, linenumber_midstatrow, linenumber_hiddenrow

관련 API로 getlinenumberforecolor, setlinenumberforecolor, getlinenumberbackcolor, setlinenumberbackcolor, setlinenumberbackcolorex가 있다.

템플릿 위치: /HTML5/COMPONENT/GRID/grid_linenumber_datarow

템플릿 파일

• grid_linenumber_datarow.xml
• grid_linenumber_datarow.js
• 새창으로 실행

// "setlinenumberforecolor" 버튼 이벤트
function btn_setlinenumberforecolor_on_mouseup(objInst)
{
	var fore_color;

	// 순번 컬럼 폰트 색상 구함
	fore_color = this.grd.getlinenumberforecolor();
	factory.consoleprint("getlinenumberforecolor = " + fore_color);

	// 순번 컬럼 폰트색 변경
	fore_color = factory.rgb(255, 14, 14);
	factory.consoleprint("fore_color = " + fore_color);
	this.grd.setlinenumberforecolor(fore_color);

	// 순번 컬럼 폰트색 구함
	fore_color = this.grd.getlinenumberforecolor();
	factory.consoleprint("getlinenumberforecolor = " + fore_color);
}

// "setlinenumberbackcolor" 버튼 이벤트
function btn_setlinenumberbackcolor_on_mouseup(objInst)
{
	var back_color;

	// 라인넘버 배경색을 구함
	back_color = this.grd.getlinenumberbackcolor();
	factory.consoleprint("getlinenumberbackcolor = " + back_color);

	// 라인넘버 배경색 변경
	back_color = factory.rgb(87, 87, 225);
	factory.consoleprint("back_color = " + back_color);
	this.grd.setlinenumberbackcolor(back_color);

	// 라인넘버 배경색을 구함
	back_color = this.grd.getlinenumberbackcolor();
	factory.consoleprint("getlinenumberbackcolor = " + back_color);
}

// "setlinenumberbackcolorex" 버튼 이벤트
function btn_setlinenumberbackcolorex_on_mouseup(objInst)
{
	// 두번째 행의 라인넘버 컬럼 배경색 변경
	this.grd.setlinenumberbackcolorex(1, factory.rgb(255, 0, 0));
}