guide:component:grid:grid_linenumber_datarow [xFrame5 TechNet]

이 문서는 읽기 전용입니다. 원본을 볼 수는 있지만 바꿀 수는 없습니다. 문제가 있다고 생각하면 관리자에게 문의하세요.
====== 그리드 라인넘버 데이터부 가이드 ======

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

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

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

===== 예시 =====

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

템플릿 파일
  * [[xf5projecthome>template/screen/HTML5/COMPONENT/GRID/grid_linenumber_datarow.xml|grid_linenumber_datarow.xml]]
  * [[xf5projecthome>template/screen/HTML5/COMPONENT/GRID/grid_linenumber_datarow.js|grid_linenumber_datarow.js]]
  * [[xf5projecthome>template/template.html?xframe_screen_url=/HTML5/COMPONENT/GRID/grid_linenumber_datarow|새창으로 실행]]

<php>
echo '<html>';
echo '<iframe src="';
echo $conf['plugin']['xf5']['xf5projecthome'], 'template/template.html?';
echo 'xframe_screen_url=/HTML5/COMPONENT/GRID/grid_linenumber_datarow"';
echo ' class="_xf5_iframe"';
echo ' style="';
echo $conf['plugin']['xf5']['xf5iframestyle'];
echo '">';
echo '</iframe>';
echo '</html>';
</php>

==== 화면 스크립트 ====

<sxh javascript>
// "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));
}
</sxh>