첫번째앱만들기 14강. 신청자 검색 기능 만들어보기
페이지 정보
작성자 MESCIUS 작성일 2020-10-23 09:59 조회 2,025회 댓글 0건본문
첨부파일
관련링크
이번 강의에서는 앞서 만든 신청자 조회 리스트에 검색 기능을 추가하여, 관리자가 이름 및 사번으로 직원을 조회할 수 있게 만들어 보겠습니다.
오늘도 코딩 없이 Excel 느낌 그대로 시작해 봅시다~~!!
13강 신청자 조회 리스트 만들어보기에 이어서 시작하겠습니다.
검색창 만들기
우선, 기존에 신청자 목록을 구현했던, "페이지2"에 검색을 위한 검색창을 만들어 보겠습니다.
1. 좌측 "프로젝트 탐색기">"페이지" 섹션에서, "페이지2" 시트를 더블 클릭하여 오픈합니다.
2. "AC5:AK5"까지 선택한 후, "텍스트 상자" 셀 타입을 선택하여 검색창을 만들고, 적당한 크기로 셀 높이를 설정해 줍니다.
검색 버튼 만들기
다음으로 위에서 생성한 검색창 옆에 검색 버튼을 만들어 보겠습니다.
1. "페이지2" 에서 "AL5:AN5"까지 선택한 후, 셀 유형 섹션에서 "버튼" 타입을 클릭합니다.
2. 버튼에 "검색"이라고 입력한 후, "굵은 글씨"로 설정해 줍니다.
4. 적용이 완료되면, 아래와 같이 검색창 옆에 노란 검색 버튼이 생성된 것을 볼 수 있습니다.
검색 항목 선택기능 만들기
다음으로 "사원명"으로 검색할지, 아니면 "사원번호"로 검색할지 선택할 수 있도록, 검색창 앞에 검색 항목 선택 기능을 구현해보겠습니다.
1. "페이지2" 시트에서, "X5:AB5"까지 선택 후, 셀 유형 섹션에서 "콤보 상자" 타입을 클릭합니다.
2. 만들어진 "콤보 상자"를 선택 후, 우측 패널의 "셀 유형">"목록 항목" 섹션의 "항목" 들을 아래와 같이 수정해 줍니다.
- 목록 항목 > 항목1 = "사원명" 으로 수정
- 목록 항목 > 항목2 = "사원번호"로 수정
- 목록 항목 > 항목3 = "-" 버튼을 눌러 삭제
- 기본값 = "사원명" 입력 (디폴트 값으로 사원명을 검색 항목으로 지정합니다.)
검색 기능 구현하기1 - 사원명 검색
이제 이번 포스팅의 가장 중요한 기능인 검색 기능을 구현해 보도록 하겠습니다.
사용자가 검색 버튼을 눌렀을 때, 입력한 직원명을 통해, 직원을 검색할 수 있도록 만들어 보겠습니다.
1. "페이지2" 시트에서, 앞서 만든 "검색 버튼"을 선택 후, 우측 패널의 "셀 유형">"명령 편집.." 을 선택합니다.
2. "명령 창"의 명령 선택 항목 중, "조건문(If-Else)만들기"를 선택합니다.
(조건문을 통해, 검색 항목, 즉 "사원명" 또는 "사원번호"에 따라 검색 명령을 각각 생성할 예정입니다.)
3. 첫번째 조건문을 만들기 위해 아래와 같이, If 문 섹션에서 "…" 버튼을 눌러 조건을 작성하기 위한 창으로 들어갑니다.
4. "조건 창"에서 "새 조건"을 클릭한 후에, "열" 컬럼에서 "셀 선택" 버튼을 클릭하여, "콤보 상자(검색 조건)" 셀을 선택할 준비를 합니다.
5. 셀 선택 버튼 클릭 후에 나타나는 "조건" 팝업 창을 통해, "콤보 상자(검색 조건) 셀 (X5)"를 선택하고 원래 "조건 창"으로 돌아옵니다.
6. 이제 아래와 같이 X5의 검색 항목 값이 "사원명"과 같을 때라는 조건을 만들어주고, 확인을 눌러 완료합니다.
- 연산자 = "같음" 선택
- 값 = "사원명" 입력
7. 선택한 검색 항목이 "사원명"인 경우, 검색 버튼을 눌렀을 때 작동하는 "Then-Do" 명령 생성을 위해, "…" 버튼을 클릭합니다.
8. ConditionalCommand에 대한 명령 선택 창에서, 아래와 같이 "명령 선택" > "쿼리(Query) 만들기"를 선택합니다.
- 열 = "이름" 컬럼 선택
- 연산자 = "목록 포함" 선택 (특정 문자와 일치 또는 포함)
- 값 = "=AC5" 선택 (우측의 작은 선택 버튼을 통해서 검색창을 선택합니다.)
검색 기능 구현하기2 - 사원번호 검색
위와 동일한 방법으로 사용자가 검색 버튼을 눌렀을때, 입력한 사원번호를 통해, 직원을 검색할 수 있도록 만들어 보겠습니다.
1. 좌측 패널의 "조건문 (If-Esle) 만들기" 항목을 선택한 후, 우측 패널에서 추가 조건을 만들기 위해 "Else If 추가" 버튼을 클릭합니다.
2. 두번째 조건문을 만들기 위해 아래와 같이 Else-If 문 섹션에서 "…" 버튼을 눌러 조건을 작성하기 위한 창으로 들어갑니다.
- 열 = "콤보 상자[=X5].값" (우측 "셀 선택" 버튼을 클릭하여, "콤보 상자(검색 조건)" 셀을 선택)
- 연산자 = "같음" 선택
- 값 = "사원번호" 입력
4. 선택한 검색 항목이 "사원번호"이고 검색 버튼을 눌렀을 때 작동하는 "Then-Do" 명령 생성을 위해, "…" 버튼을 클릭합니다.
5. ConditionalCommand에 대한 명령 선택 창에서, 아래과 같이 "명령 선택" > "쿼리(Query) 만들기"를 선택합니다.
- 열 = "사번" 컬럼 선택
- 연산자 = "목록 포함" 선택 (특정 문자와 일치 또는 포함)
- 값 = "=AC5" 선택 (우측의 작은 선택 버튼을 통해서 검색창을 선택합니다.)
7. 아래와 같이 모든 검색을 위한 명령이 완성되었습니다. "확인" 버튼을 눌러 마무리합니다.
이제 실행 버튼을 눌러 정상적으로 동작을 하는지 확인해 보세요.
Forguncy 사용 중 기술 문의 또는 구매에 대한 상담이 필요하실 경우, 언제든지 연락 부탁드립니다.
- 기술 문의 : Forguncy - Q&A | 토론
- 구매 문의 : sales-kor@grapecity.com
- 전화번호 : 1670-0583
댓글목록
등록된 댓글이 없습니다.