그리드 이미지 데이터 형식 가이드

그리드 데이터부 input_type 속성이 10:image인 경우, image_datatype 속성에 대한 예시 화면이다.

관련 속성으로는 image_datatype, image_delimiter, image_list, image_horzgap이 있다.

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

템플릿 파일

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

function screen_on_load()
{
	var img_data_0, img_data_1, img_data_2;

	// 예시용 이미지의 BASE64 인코딩 문자열을 구하여 그리드 값에 설정
	img_data_0 = this.img0.getimagedata();
	img_data_1 = this.img1.getimagedata();
	img_data_2 = this.img2.getimagedata();

	// 단일 이미지 설정
	this.grd_image_data.insertitemtextex(0, 0, img_data_0, false);
	this.grd_image_data.insertitemtextex(1, 0, img_data_1, false);
	this.grd_image_data.insertitemtextex(2, 0, img_data_2, false);

	// 멀티 이미지 설정, 구분 (image_delimiter 속성값("|")으로 구분
	this.grd_image_data.insertitemtextex(3, 0, img_data_0 + "|" + img_data_1, false);

	// 그리드 Refresh
	this.grd_image_data.refresh();
}