그리드 아이템 유형 가이드

그리드 데이터부의 아이템별 input_type 속성 값 유형 예시 화면이다.

그리드 데이터부의 아이템별 input_type 속성은 컬럼 데이터부 아이템별 데이터를 표시하는 방식을 설정한다.

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

템플릿 파일

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

// 화면 로드 이벤트
function screen_on_load()
{
	var row, col;

	// 1번째 컬럼 아이템 input_type 처리
	col = 1;
	row = 0;

	this.grdListItem.setiteminputtype(row, col, XFD_GRID_INPUTEDITBOX, false); row++;
	this.grdListItem.setiteminputtype(row, col, XFD_GRID_INPUTEDITBOX, false); row++;
	this.grdListItem.setiteminputtype(row, col, XFD_GRID_INPUTEDITBOX, false);
	this.grdListItem.setitemfont(row, col, "맑은 고딕", 9, false, true, true); row++;

	this.grdListItem.setiteminputtype(row, col, XFD_GRID_INPUTCHECKBOX, false); row++;
	this.grdListItem.setiteminputtype(row, col, XFD_GRID_INPUTCOMBOBOX, false);
	this.grdListItem.setitempicklist(row, col, "/BIZ/NATION_CODE"); row++;

	this.grdListItem.setiteminputtype(row, col, XFD_GRID_INPUTCOMBOBOX, false); row++;

	this.grdListItem.setiteminputtype(row, col, XFD_GRID_INPUTCALENDAR, false);
	this.grdListItem.setitemcalendardatetype(row, col, 2);
	this.grdListItem.setitemcalendartype(row, col, 3);
	this.grdListItem.setitempattern(row, col, "9999"); row++;

	this.grdListItem.setiteminputtype(row, col, XFD_GRID_INPUTCALENDAR);
	this.grdListItem.setitemcalendartype(row, col, 2);
	this.grdListItem.setitemcalendardatetype(row, col, 1);
	this.grdListItem.setitempattern(row, col, "9999-99"); row++;

	this.grdListItem.setiteminputtype(row, col, XFD_GRID_INPUTCALENDAR, false);
	this.grdListItem.setitemcalendartype(row, col, 1);
	this.grdListItem.setitemcalendardatetype(row, col, 0);
	this.grdListItem.setitempattern(row, col, "9999-99-99"); row++;

	this.grdListItem.setiteminputtype(row, col, XFD_GRID_INPUTRADIOBUTTON, false); row++;

	this.grdListItem.setiteminputtype(row, col, XFD_GRID_INPUTRADIOBUTTON, false);
	var clsRadioInfo = {
		clrellipse: 0,
		arritems: []
	};
	clsRadioInfo.clrellipse = factory.rgb(255, 120, 120);

	clsRadioInfo.arritems.push({ strcaption: "대", strselectvalue: "L" });
	clsRadioInfo.arritems.push({ strcaption: "중", strselectvalue: "M" });
	clsRadioInfo.arritems.push({ strcaption: "소", strselectvalue: "S" });

	this.grdListItem.setitemradioinfo(row, col, clsRadioInfo, false); row++;

	// 3번째 컬럼 아이템 input_type 처리
	row = 0;
	col = 3;

	this.grdListItem.setiteminputtype(row, col, XFD_GRID_INPUTBARGAUGE, false);
	this.grdListItem.setitemmaxvalue(row, col, 100, false); row++;

	this.grdListItem.setiteminputtype(row, col, XFD_GRID_INPUTSPIN, false); row++;

	this.grdListItem.setiteminputtype(row, col, XFD_GRID_INPUTCHART, false);
	this.grdListItem.setitemcharttype(row, 1, 0, false); row++;

	this.grdListItem.setiteminputtype(row, col, XFD_GRID_INPUTCHART);
	this.grdListItem.setitemcharttype(row, col, 1, false); row++;

	this.grdListItem.setiteminputtype(row, col, XFD_GRID_INPUTCHART);
	this.grdListItem.setitemcharttype(row, col, 2, false); row++;

	this.grdListItem.setiteminputtype(row, col, XFD_GRID_INPUTBUTTON, false); row++;

	this.grdListItem.setitemeditable(row, col, false);
	this.grdListItem.setitemimage(row, col, "/BIZ/ico_star_y_1.png", false); row++;

	this.grdListItem.setitemeditable(row, col, false);
	this.grdListItem.setitemimage(row, col, "/BIZ/ico_star_y_2.png", false); row++;

	this.grdListItem.setitemeditable(row, col, false);
	this.grdListItem.setitemimage(row, col, "/BIZ/ico_star_y_3.png", false); row++;

	this.grdListItem.setitemeditable(row, col, false);
	this.grdListItem.setitemimage(row, col, "/BIZ/ico_star_y_4.png", false); row++;

	this.grdListItem.setitemeditable(row, col, false);
	this.grdListItem.setitemimage(row, col, "/BIZ/ico_star_y_5.png", false); row++;

	// 그리드 내용 Refresh
	this.grdListItem.refresh();
}