스마트메이커, 콤보박스(콤보상자) 항목등록과 입력란 연결 예제

2021. 1. 7. 16:53

스마트메이커, 콤보박스 항목등록과 입력란 연결 예제

콤보박스에 선택 항목을 등록하는 방법은 크게 두 가지입니다.

- 자체정의 항목을 이용하기

- DB데이터 항목을 이용하기

이번 예제는 두 가지를 다룹니다. 그리고 선택된 항목을 다른 입력란에 출력하는 방법도 다르겠습니다.

먼저 자체정의 항목을 이용하는 방법입니다. 운영환경 실행경로를 선택하되 아직 앱 폴더를 만들지 않았으면 이곳에서 새로만들기를 해서 폴더를 생성하고 선택합니다. 그리고 파일 > 서버접속을 선택하고 암호를(기본값은 1) 입력한 뒤에서 '접속하기'를 클릭합니다.

폼 디자인은 다음과 같습니다. 위 콤보박스는 자체정의 항목을 이용하고, 아래 콤보박스는 DB데이터 항목을 이용할 예제입니다.

아톰 이름은 다음처럼 사용합니다.

콤보박스(과목선택1)의 스타일속성입니다.

콤보박스(과목선택1)의 데이터속성입니다.

과목1 입력란의 데이터속성과 연산및참조 설정입니다. 연산및참조를 설정하면 콤보상자(과목선택1)에서 값이 지정되면 자동으로 과목1 입력란에서 같은 값이 지정됩니다.

이번에는 DB를 생성하는 폼을 만듭니다(DB데이터 항목을 사용하기 위해서).

아톰명은 다음과 같습니다.

과목번호 입력란의 데이터속성입니다.

과목명 입력란의 데이터속성입니다.

각 버튼의 스타일 속성은 다음처럼 지정합니다.

앞 버튼: 앞장

뒤 버튼: 뒷장

삭제버튼: 삭제

등록버튼: 저장

종료버튼: 닫기

F5를 눌러서 DB를 설계하고 F10을 눌러서 다음처럼 자세히를 눌러 확인합니다. 아래 화면은 DB 관리자에서 본 화면이라 여러분이 F10키 자세히로 본 화면과 다르므로 기본 필드 구성이 같은지만 확인하세요.

과목등록 폼을 실행하고 '국어', '영어', '수학', '과학', '코딩' 항목을 저장해줍니다.

이제 콤보박스(과목입력2)와 과목2 입력란을 설정하겠습니다.

콤보박스(과목입력2)의 스타일속성과 데이터속성입니다.

콤보박스(과목입력2) 아래의 과목2 입력란의 연산및참조, 데이터속성입니다.

그리고 데이터속성란에 저장안함을 체크합니다.

이제 폼을 저장하고 실행하면 이렇게 동작합니다.

콤보박스를 선택하고 항목을 선택하면 아래 입력란도 자동으로 바뀝니다.

이상.