그리드 퍼블리싱 기본

그리드 퍼블리싱에 관련된 기본 정보를 제공합니다. (publish_03_grid_01_basic.mp4) (publish_03_grid_02_header.mp4)

그리드 생성 순서는 아래와 같습니다.

  1. “컴포넌트” 창에서 그리드 컴포넌트 선택
  2. 화면 캔버스내 생성 위치를 클릭(컴포넌트 초기값 설정에 설정된 크기로 생성됨)

그리드 삭제는 아래의 방법중 한가지를 사용합니다.

  • 그리드 클릭후, 키보드 <DELETE> 입력
  • 그리드 클릭후, 키보드 <CONTROL> + “D” 입력
  • 그리드 우클릭후, 컨텍스트 메뉴에서 “삭제” 메뉴 선택

그리드 위치 설정은 아래의 방법중 한가지를 사용합니다.

  • 그리드를 마우스로 드래드하여 격자 단위로 위치 이동
  • 그리드 클릭후, 키보드 화살표키로 격자 단위로 위치 이동
  • 그리드 클릭후, 키보드 <CONTROL> + 화살표키로 픽셀 단위로 위치 이동
  • 그리드 클릭후, “속성”창에서 x/y 속성값에 위치값 설정
  • 그리드 우클릭후, “컨텍스트 속성”창에서 x/y 속성값에 위치값 설정

그리드 크기 설정은 아래의 방법중 한가지를 사용합니다.

  • 그리드 클릭후, 마우스로 크기 변경 포인트를 드래그하여 격자 단위로 크기 설정
  • 그리드 클릭후, 키보드 <SHIFT> + 화살표키로 격자 단위로 크기 설정
  • 그리드 클릭후, 키보드 <CONTROL> + <SHIFT> + 화살표키로 픽셀 단위로 크기 설정
  • 그리드 클릭후, “속성”창에서 width/height 속성값에 픽셀 단위 크기값 설정
  • 그리드 우클릭후, “컨텍스트 속성”창에서 width/height 속성값에 픽셀 단위 크기값 설정

부모 화면/부모 컴포넌트 크기 변경시, 크기 자동 변경이 필요한 경우, 아래의 방법중 한가지 방식을 사용합니다.

  • 그리드 width/height_percent 속성에 퍼센트 단위 크기를 설정하고, width/height_unit 속성을 1:percent로 설정
  • 그리드 resize_dir 속성 값을 크기 변경 대상 방향 값으로 설정

아래는 삭제대상

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