그리드 질의응답

xFrame5 그리드와 관련된 질의응답 정보를 제공합니다.

그리드는 다건의 데이터를 표 형식으로 표시하기 위한 컴포넌트입니다.

그리드 컬럼의 유형을 지정하는 주요 속성은 아래와 같습니다.

  • name: 컬럼의 지정하는 이름(그리드 컬럼내에 중복되지 않는 값)
  • style: 컬럼 속성에 적용할 스타일 ID(s)
  • editable: 컬럼 데이터에 대한 사용자 수정(편집) 가능 여부
  • data_type: 컬럼 데이터 유형 (숫자/영문(숫자+영문)/한글(숫자+영문+한글))
  • input_type: 컬럼 데이터 입력/표시 유형 (editbox/checkbox/…), 속성값에 따라 input_type별 세부 속성이 적용됨

멀티라인그리드는 데이터부의 논리적인 한행을 하나 이상의 서브행(서브로우)으로 분할정의하여 다건의 데이터를 표 형식으로 표시하는 기능을 제공하는 컴포넌트입니다.

멀티라인그리드는 일반그리드의 API/EVENT에 subrow를 지정하는 파라미터가 추가된 형식으로 구성됩니다.

멀티라인그리드는 논리적인 한행을 구성하는 서브로우(subrow)라는 개념(속성)이 제공됩니다.

아이템의 데이터를 구하는 getitemtext API에도 subrow를 지정하는 파라미터가 들어갑니다.

function btn_itemloop_on_mouseup(objInst)
{
	var row, subrow, column, row_count, sub_row_count, column_count, subrow_data_arr;
	
	// 행/서브행/열의 갯수를 구함
	row_count = grdList.getrowcount();
	sub_row_count = grdList.getsubrowcount();
	column_count = grdList.getcolumncount();
	
	// 행 수만큼 Loop
	for (row = 0; row < row_count; row++) {
		// 서브행 수만큼 Loop
		for (subrow = 0; subrow < sub_row_count; subrow++) {
			subrow_data_arr = [];
			
			// 컬럼 수만큼 Loop
			for (column = 0; column < column_count; column++) {
				// 한 서브행의 모든 컬럼 데이터를 배열에 추가
				subrow_data_arr.push(grdList.getitemtext(row, subrow, column));
			}
			// 배열에 있는 데이터를 콤마를 구분하여 붙여서 콘솔에 출력
			factory.consoleprint(subrow_data_arr.join(","));
		}
	}
}

그리드 통계행은 statistics_row_pos 속성 및 소계행은 mid_statistics_pos 속성을 설정하세요.

  • qna/qna_grid.txt
  • 마지막으로 수정됨: 2022/12/14 15:23
  • 저자 127.0.0.1