====== 그리드 퍼블리싱 기본 ====== 그리드 퍼블리싱에 관련된 기본 정보를 제공합니다. (publish_03_grid_01_basic.mp4) (publish_03_grid_02_header.mp4) ===== 그리드 생성과 삭제 ===== ==== 그리드 생성 ==== 그리드 생성 순서는 아래와 같습니다. - "컴포넌트" 창에서 그리드 컴포넌트 선택 - 화면 캔버스내 생성 위치를 클릭(컴포넌트 초기값 설정에 설정된 크기로 생성됨) ==== 그리드 삭제 ==== 그리드 삭제는 아래의 방법중 한가지를 사용합니다. * 그리드 클릭후, 키보드 입력 * 그리드 클릭후, 키보드 + "D" 입력 * 그리드 우클릭후, 컨텍스트 메뉴에서 "삭제" 메뉴 선택 ===== 그리드 위치 및 크기 설정 ===== ==== 그리드 위치 설정 ==== 그리드 위치 설정은 아래의 방법중 한가지를 사용합니다. * 그리드를 마우스로 드래드하여 **격자** 단위로 위치 이동 * 그리드 클릭후, 키보드 화살표키로 **격자** 단위로 위치 이동 * 그리드 클릭후, 키보드 + 화살표키로 **픽셀** 단위로 위치 이동 * 그리드 클릭후, "속성"창에서 x/y 속성값에 위치값 설정 * 그리드 우클릭후, "컨텍스트 속성"창에서 x/y 속성값에 위치값 설정 ==== 그리드 크기 설정 ==== 그리드 크기 설정은 아래의 방법중 한가지를 사용합니다. * 그리드 클릭후, 마우스로 크기 변경 포인트를 드래그하여 **격자** 단위로 크기 설정 * 그리드 클릭후, 키보드 + 화살표키로 **격자** 단위로 크기 설정 * 그리드 클릭후, 키보드 + + 화살표키로 **픽셀** 단위로 크기 설정 * 그리드 클릭후, "속성"창에서 width/height 속성값에 **픽셀** 단위 크기값 설정 * 그리드 우클릭후, "컨텍스트 속성"창에서 width/height 속성값에 **픽셀** 단위 크기값 설정 부모 화면/부모 컴포넌트 크기 변경시, 크기 자동 변경이 필요한 경우, 아래의 방법중 한가지 방식을 사용합니다. * 그리드 width/height_percent 속성에 **퍼센트** 단위 크기를 설정하고, width/height_unit 속성을 1:percent로 설정 * 그리드 resize_dir 속성 값을 크기 변경 대상 방향 값으로 설정 아래는 삭제대상

==== 그리드 크기 설정 ==== |<100% 200px 20em>| ^ 구분 ^ 설명 ^ | **그리드 생성 방법** | * "컴포넌트" 창에서 그리드 컴포넌트 선택 후, 화면 캔버스 클릭 | | **그리드 크기 조정 방법** | * 마우스로 크기 변경 방법 * 키보드로 크기 변경 방법 * width/height 속성값으로 변경하는 방법 | | **그리드 컬럼 설정 방법** | * 그리드 컬럼 제목 설정 방법 * 그리드 컬럼 추가/삭제 방법 * 그리드 컬럼 너비 변경 방법 * 그리드 컬럼 속성 설정 방법 * 그리드 컬럼 깊이 설정 방법 * 그리드 컬럼간 이동 기능 방법 * 그리드 컬럼 이미지 설정 | | **그리드 병합 방법** | * 그리드 기본 병합 방법 * 그리드 헤더 병합 방법 * 그리드 컬럼 병합 방법 * 그리드 아이템 병합 방법 | | **그리드 데이터 연결 방법** | * 그리드 데이터셋과 연결 방법 * link_data * pivot_linkdata * 그리드 동적 데이터 로딩 방법 * 그리드 데이터 필터링 방법 | | **그리드 데이터부에서 데이터셋 연결방법** | * link_data * picklist_linkdata * pivot_linkdata | | **그리드 아이템 편집 방법** | * 그리드 아이템 편집 여부 * 그리드 아이템 값 사용 방법 * 그리드 아이템 별 이미지 사용 방법 | | **그리드 열 속성 등록창 기본 세팅 방법** | * 열추가 방법 * 열삭제 방법 * 선택한 열을 위로 올리는 방법 * 선택한 열을 아래로 내리는 방법 * 모두 펼치기 기능 * 모두 접기 기능 * 모두 선택 기능 * 추가 된 열(데이터열) 수평해더부/데이터부 설명 * 데이터부 사전입력 데이터 * 1행에 들어가는 속성 * 데이터부에 들어있는 속성 | | **그리드 체크로우 관련 기능 방법** | * 그리드 체크박스 기본 설정 방법 * 그리드 체크박스 로우 사용 여부 * 그리드 체크박스 로우 다중 체크 가능 여부 * 그리드 체크박스 헤어부 표시 여부 * 그리드 체크박스 헤어부 활성화 여부 * 그리드 체크박스 로우 헤더 배경색 설정 * 그리드 체크박스 로우 배경색 설정 * 그리드 체크박스 스타일 선택 * 그리드 체크박스 통계행부 스타일 선택 * 그리드 체크박스 로우 크기 변경 가능 여부 * 그리드 체크박스 로우 컬럼 제목 설정 * 그리드 체크박스 로우 너비 변경 방법 | | **그리드 통계행 속성 세팅 방법** | * 그리드 통계행 기본 설정 방법 * 그리드 통계행 표시 위치 방법 * 그리드 통계행 표시 여부 방법 * 그리드 통계행 계산 처리 방식 | | **그리드 데이터부 픽리스트 관련 기능 방법** | * 그리드 picklist | | **그리드데이터 수출 및 인쇄 기능 방법** | * 엑셀 출력 가능 여부 * 엑셀 저장시 시트 이름 설정 방법 | | **그리드 라인넘버 설정 방법** | * 순번 컬럼 보일지 여부 * 순번 컬럼 제목 설정 * 순번 컬럼 제목 표시 여부 * 순번 컬럼 헤더 전경색 설정 * 순번 컬럼 헤더 배경색 설정 * 순번 컬럼 이미지 설정 * 순번 컬럼 이미지 타입 설정 * 순번 컬럼 이미지 표시 여부 * 순번 컬럼 전경색 설정 * 순번 컬럼 배경색 설정 * 순번 칼럼 스타일 선택 * 순번 칼럼 통계행 스타일 선택 * 라인넘버 시작 오프셋 * 순번 컬럼 너비 * 순번 컬럼 크기 변경 가능 여부 * 소계행 순번 표시 방식 * 숨김행 순번 계산 방식 | | **그리드 보더 설정 방법** | * 보더 스타일 선택 * 보더 색상 설정 * 보더 상세 기능 설정 | | **그리드 셀 스타일 설정 방법** | * 셀 높이 설정 * 셀 텍스트 마진 * 셀 텍스트 글자간 간격 * 셀 텍스트 단어간 간격 * 셀 스트라이프 처리 대상 행 개수 * 셀 cell_dividecolor 속성 색상 사용 여부 * 셀 스트라이프 처리 대상 행 배경색 * 셀 통계열 cell_dividecolor 속성 적용 여부 * 셀 구분 선 색상 설정 * 셀 수평 구분 선 색상 사용 여부 * 셀 수직 구분 선 색상 사용 여부 * 셀 헤더부 내부 셀 수평 구분 선 색상 사용여부 * 셀 수직/수평 구분선 스타일 | | **그리드 마우스 Hover 기능 설정 방법** | * 마우스 Hover시 효과 적용 여부 | | **그리드 선택된 행의 스타일 속성 변경 방법** | * 선택된 행의 스타일 변경 속성 | | **그리드 style 테마 변경 방법** | * 테마 설정 방법 * 기본 제공 테마 목록 * 커스텀 테마 적용 방법 | | **그리드 데이터 정렬 기능** | * 기본 정렬 방식 설정 * 사용자 정의 정렬 적용 * 다중 정렬 지원 여부 | | **그리드 검색 및 필터 기능** | * 컬럼별 필터링 설정 방법 * 검색창 추가 및 설정 * 정규식 검색 지원 여부 | | **그리드 반응형 및 레이아웃** | * 반응형 그리드 설정 방법 * 브라우저 창 크기 변화에 따른 크기 조정 * 스크롤 동작 최적화 | | **그리드 사용자 인터랙션** | * 드래그 앤 드롭 기능 * 셀 병합/분할 * 사용자 편집 제한 설정 | | **그리드 내 멀티미디어 데이터 지원** | * 이미지 삽입 방법 | | **그리드의 사용자 정의 버튼 추가** | * 버튼 추가 및 위치 지정 * 버튼 클릭 이벤트 정의 방법 |