이번 포스팅에서는 포건시(Forguncy)에서 체크박스 그룹을 활용하여 선택된 항목들의 정보를 보여주는 방법을 설명합니다. 더 나아가 선택된 체크박스 항목들의 상세 정보가 포함된 페이지를 PDF로 내보내는 방법을 설명합니다.

포건시의 체크박스 그룹은 다양한 선택지를 사용자에게 보여주고, 다중 선택을 할 수 있는 화면을 구현할 때 사용할 수 있습니다. 예를 들어 약관 항목, 설문 양식의 선택 양식, 또는 시스템의 다양한 기능 선택 옵션 페이지를 구현할 때 쉽게 구현할 수 있도록 도와줍니다.

또한, 선택된 값을 불러와 다시 체크박스 그룹에 바인딩해 주면, 자동으로 사용자가 선택된 항목에 맞추어 체크 표시가 나타나도록 포건시에서는 기본으로 해당 기능을 제공하고 있습니다.

여기서 더 나아가, 선택된 다중 값에 따라서 여러 상세 정보를 하나의 페이지에 보여주고자 하시는 경우, 아래의 방법을 참고해주시기를 권장해 드립니다

아래에서는 GrapeCity의 제품을 체크박스 그룹에서 여러 항목을 선택했을 때, 선택된 제품들에 대한 자세한 정보를 리스트뷰로 보여주고 이를 PDF로 출력하는 간단한 예제를 만들어보겠습니다.

해당 포스팅의 샘플 프로젝트를 다운로드하려면 여기를 클릭하세요.

데이터테이블 만들기 

​제품설명테이블을 아래와 같이 추가하고, 테이블의 데이터도 추가합니다. 

• ID
• 제품명
• 제품설명

제품 선택 페이지 만들기 

1. 체크박스 셀을 추가합니다.

셀 영역을 선택한 후, 리본메뉴에서 [홈]>셀 유형에서 "체크박스 그룹"을 선택하여 추가합니다.

2. 체크박스 그룹의 목록 항목을 설정합니다.

체크박스 그룹이 있는 셀을 선택한 후, 우측에 있는 셀 유형에서 목록 항목을 아래와 같이 설정해줍니다.

• "데이터 테이블에서 항목 가져오기" 체크박스에 체크
• 데이터 테이블 선택: 제품설명테이블
• 처리 값 열 선택: ID
• 표시 열 선택: 제품명

 3. 버튼을 생성한 후, 명령편집을 클릭하여 명령을 아래와 같이 설정합니다.

• 명령 선택: 팝업 보여주기
• 페이지 선택: 제품설명페이지
• "고급 설정 표시" 클릭
• 값을 대상 페이지에 전달 
  - 전달 셀 : O12 셀 (체크박스가 있는 셀)
  - 대상 셀: AC1셀 (팝업페이지의 셀)

제품 설명 페이지 만들기

1. 제품설명테이블을 연결한 리스트뷰를 만듭니다.

• 특정 셀 영역 범위를 선택한 후, "홈>리스트뷰 설정"을 선택합니다.
• "우측 패널 > 데이터 바인딩 > 페이지에 연결할 데이터 테이블 > 제품설명테이블" 선택합니다.
• 좌측의 "데이터 테이블 > 제품설명테이블"의 항묵을 열고, 아래와 같이 원하는 영역에 드래그앤드롭으로 바인딩 합니다.

* 리스트뷰의 데이터 바인딩 방법의 경우, 아래의 도움말 또는 튜토리얼을 참고해주세요.

  - 도움말 바로가기

  - 튜토리얼 바로가기  

2. 리스트뷰를 선택한 후, 마우스 오른쪽 버튼 클릭 후 "리스트뷰 세부 옵션 설정" 선택합니다.

3. 리스트 옵션 설정 대화상자에서 아래와 같이 설정합니다.

• 모양 표시 탭
  "리스트뷰의 내용이 길어서 2페이지 이상 인쇄되어야 할 때 작성 화면 시점 행의 수를 기준으로 영역을 확대하여 확보"에 체크
• 기타 탭
  "행 높이 자동 맞춤"에 체크
• 데이터 탭
  "오토스크롤"에 체크

4. 리스트뷰의 [제품설명]을 선택 한 후, "텍스트 줄 바꿈"을 선택합니다.

5. 리스트뷰를 선택한 후, 마우스 오른쪽 버튼 클릭 후 "쿼리조건"을 선택합니다.

6. 쿼리조건을 아래와 같이 설정합니다.

• 열(필드): ID
• 연산자: 값 포함
• 값: AC1 (체크박스 값을 전달 받은 셀) 

7. 체크박스 값을 전달 받은 셀인 AC1이 보이지 않게 해당 행을 숨기기를 합니다.

8. "PDF내보내기" 버튼을 생성한 후, 명령 편집을 클릭하여 명령 설정

• 명령 선택: 페이지 PDF로 내보내기
• 페이지 내보내기: 현재 페이지
• "행 높이 자동 조절"에 체크

9. 버튼을 제외한 행 영역을 선택하고, 리본메뉴에서 [보고서] >[인쇄영역] > [인쇄영역설정]을 클릭한다.

이제 모든 설정이 끝났습니다!

실행 화면

설정이 완료된 페이지를 실행합니다.

제품선택 페이지에서 제품 체크박스에서 선택을 하면, 제품 설명 팝업페이지에서 선택된 제품에 대한 설명이 나오는 것을 확인할 수 있습니다. 또한, PDF 내보내기 버튼을 클릭하면 팝업페이지가 PDF로 내보내집니다. 

지금 바로 Forguncy를 다운로드하여 직접 테스트해보세요!

• Forguncy 공식 홈페이지
• Forguncy 튜토리얼
• Forguncy Q&A
• Forguncy FAQ