====== 그리드 라인넘버 데이터부 가이드 ======
그리드 라인넘버 컬럼 데이터부 속성 관련 예시 화면이다.
관련 속성으로 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|새창으로 실행]]
echo '';
echo '';
echo '';
==== 화면 스크립트 ====
// "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));
}