그리드 질의응답
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(",")); } } }
그리드 각 컬럼의 cell_textmargin 속성을 통해서 설정합니다.
그리드 통계행은 statistics_row_pos 속성 및 소계행은 mid_statistics_pos 속성을 설정하세요.