그리드 행 상태열 가이드

그리드 컴포넌트 행 상태열에 대한 예시 화면이다.

그리드 행 상태는 NONE(NORMAL)/INSERT/UPDATE/DELETE 상태를 가진다.

행 상태열은 그리드 행 상태를 자동으로 표시하기 위한 컬럼이다.

관련 속성으로는 use_statusrow, statusrow_displaymode, statusrow_title, statusrow_width, statusrow_resizable가 있다.

관련 API로는 getrowoperation, setrowoperation, setallrowoperation이 있다.

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

템플릿 파일

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

// 화면 로드 이벤트
function screen_on_load()
{
	// 그리드 선택행 지정
	this.grdList.setselectrow(0);

	// 모든 행의 초기 상태를 "NORMAL"로 설정
	this.grdList.setallrowoperation(XFD_ROWOP_NONE);
}

// "deleterow" 버튼 이벤트
function btn_deleterow_on_click(objInst)
{
	var row_index;

	// 선택된 행 인덱스를 구함
	row_index = this.grdList.getselectrow();

	// 선택된 행 삭제/삭제 마크 처리
	this.grdList.deleterow(row_index, true, this.chk_del_mark.getcheck());
}

// "getrowoperation" 버튼 이벤트
function btn_getrowoperation_on_click(objInst)
{
	var row_index, row_op;

	// 선택된 행 인덱스를 구함
	row_index = this.grdList.getselectrow();

	// 선택한 행 상태를 구함
	row_op = this.grdList.getrowoperation(row_index);

	// 선택된 행 상태 표시
	fld_rowop.settext(row_op);
	screen.alert(row_index + "행 상태코드 = [" + row_op + "]");
}

// "setitemtext" 버튼 이벤트
function btn_setitemtext_on_click(objInst)
{
	var row_index, column_index;

	// 선택된 행/열 인덱스를 구함
	row_index = this.grdList.getselectrow();
	column_index = this.grdList.getselectcolumn();

	// 선택된 아이템의 값을 설정
	this.grdList.setitemtext(row_index, column_index, "NEW");
}

// "setrowoperation" 버튼 이벤트
function btn_setrowoperation_on_click(objInst)
{
	var row_index, row_op;

	// 선택된 행 인덱스를 구함
	row_index = this.grdList.getselectrow();

	// 지정할 행 상태 코드를 구함
	row_op = this.cbo_rowop.getselectedcode();

	// 선택된 행의 상태 설정
	this.grdList.setrowoperation(row_index, row_op);
}

// "setallrowoperation" 버튼 이벤트
function btn_setallrowoperation_on_click(objInst)
{
	var row_op;

	// 지정할 행 상태 코드를 구함
	row_op = this.cbo_rowopall.getselectedcode();

	// 전체 행 상태 설정
	this.grdList.setallrowoperation(row_op, true);
}

// "addrow" 버튼 이벤트
function btn_addrow_on_click(objInst)
{
	// 행 추가
	this.grdList.addrow();
}

// "refresh" 버튼 이벤트
function btn_refresh_on_click(objInst)
{
	// 그리드 내용 다시 표시
	this.grdList.refresh();
}