====== 그리드 텍스트 우측 이미지 가이드 ======
그리드 데이터부의 textright_image, textright_image_show 속성 예시 화면이다.
그리드 데이터부의 textright_image, textright_image_show 속성은 아이템 텍스트 우측에 이미지를 표시하기 위한 속성이다.
관련 속성으로 textright_image, textright_image_show, textright_image_horzgap가 있다.
관련 컬럼 API로 getcolumntextrightimage, setcolumntextrightimage, getcolumntextrightimageshow, setcolumntextrightimageshow가 있다.
관련 아이템 API로 getitemtextrightimage, setitemtextrightimage, getitemtextrightimageshow, setitemtextrightimageshow가 있다.
===== 예시 =====
템플릿 위치: /HTML5/COMPONENT/GRID/grid_image_textright
템플릿 파일
* [[xf5projecthome>template/screen/HTML5/COMPONENT/GRID/grid_image_textright.xml|grid_image_textright.xml]]
* [[xf5projecthome>template/screen/HTML5/COMPONENT/GRID/grid_image_textright.js|grid_image_textright.js]]
* [[xf5projecthome>template/template.html?xframe_screen_url=/HTML5/COMPONENT/GRID/grid_image_textright|새창으로 실행]]
echo '';
echo '';
echo '';
==== 화면 스크립트 ====
/**
* 데이터행 사용자 정의 표현 함수
* @param nRow 행 인덱스 (Zero-Based)
* @param nColumn 열 인덱스 (Zero-Based)
* @param strItemText 아이템 텍스트
* @param objGrid 그리드 오브젝트
* @param nFileType 파일 유형 (0: GRID, 1: CSV, 2: EXCEL, 3: TEXT, 4: XML, 5: JSON)
*/
function ExprFuncData(nRow, nColumn, strItemText, objGrid, nFileType)
{
var new_icon_flag, item_depth, item_left_image;
// 그리드 표시 상태가 아닌 경우, 리턴
if (nFileType != 0) { return; }
// 아이템의 깊이 값을 구함
item_depth = parseInt(objGrid.getitemtext(nRow, 1), 10);
// 텍스트 좌측 이미지 경로 지정
item_left_image = "";
if (item_depth > 0) {
item_left_image = "/HTML5/COMPONENT/GRID/item_depth_" + item_depth + ".png";
}
// 텍스트 좌측 이미지 경로 설정(bRefresh 파라미터를 반드시 false로 지정해야 함)
objGrid.setitemimage(nRow, 0, item_left_image, false);
// 아이템의 신규 여부 값을 구함
new_icon_flag = objGrid.getitemtext(nRow, 2);
// 텍스트 우측 이미지 표시 여부 설정 (bRefresh 파라미터를 반드시 false로 지정해야 함)
objGrid.setitemtextrightimageshow(nRow, 0, new_icon_flag == "1" ? true : false, false);
}