그리드 텍스트 우측 이미지 가이드

그리드 데이터부의 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

템플릿 파일

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

/**
 * 데이터행 사용자 정의 표현 함수
 * @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);
}