[Nexacro] 그리드(Grid)

0. 그리드란?

2차원 형태의 데이터를 격자 모양으로 표현하는 컴포넌트

 

1. 그리드 컴포넌트의 Properties

- autofittype : [col/none] col로 지정하면 그리드 크기에 맞게 데이터가 표현됨

- cellmovingtype : 드래그앤드롭으로 Cell의 이동 여부 결정

- cellsizingtype : 사용자가 마우스로 Row 또는 Column의 크기를 변경할 수 있게 설정 가능

- autosizetype : 그리드에 데이터가 모두 표시되도록 Row, Column 크기를 자동 조절할 지 설정 가능

- autosizebandtype : autosizetype 속성에 의해 자동으로 크기가 조절 될 영역 설정 가능

- summarytype : [default - 아래 / top] summary 밴드가 그리드에서 표시되는 위치 설정 가능

- nodatatext : 그리드에 표시할 데이터가 없을 때 출력할 테스트 설정 가능

- selecttype : [row / multirow / cell / area / multiarea] 그리드에서 선택되는 단위 설정 가능 

 

2. 그리드 편집창

1) 칼럼 삭제하기 : 우클릭 - delete

2) 칼럼 위치 이동하기: 칼럼 선택 - Cut - Paste

      - Append : 가장 끝에 추가됨

      - Insert : 해당 위치에 추가됨

3) 칼럼 고정하기: 칼럼 클릭 - Misc. - band - left/right 설정

4) Multi-row 만들기 : 우클릭 - Add Head Row

5) 셀 병합하기 : 우클릭 - Merge Cells

      - Merge Cells(A Big Cell) : 셀을 하나로 병합(우리가 아는 일반적인 셀 병합)

      - Merge Cells(Having child cells) : 셀은 하나로 병합되나 개별 셀 속성은 유지(선만 없어지는..)

 

3. 그리드 포맷 생성

그리드 더블클릭 - 편집창 상단 format1에서 우클릭 - Add Format

포맷 변경 : this.Grid01.set_formatid("formatName");

 

4. displaytype & edittype 속성

- displaytype: 데이터 형식에 따라 여러 가지 형태로 셀 모양 변경 가능

      ex) decoratetext : Data 값에 Tag 형식 포함되어야함

추가 설명은 도움말(F2)...

- edittype : cell이 포커스를 받아 표시되는 편집 창의 형식 설정

 

5. Grid를 Tree 형태로 표현하기

- 셀의 displaytype 을 treeitemcontrol로 선택 - edittype을 tree로 선택 - CellTreeItem그룹 - 해당 칼럼 값 바인딩