행정동 콤보박스 구현하기 by 스마트메이커

홈페이지를 보다보면 지역을 찾을때 콤보박스형태의 위와 같은 그림이 많이 있습니다.

서울콤보박스를 누르면 다음콤보박스에 구가 선택되고 구를 선택하면 동이 선택되는 이런형태의 콤보박스를

스마트메이커를 이용하여 구현 하는 방법을 예를 들어 봅니다.

 

일단 아래와 같이 주소록 데이터가 있다고 가정하겠습니다.

 

행정동(테이블)에는 3개의 필드 (지역, 시군구, 읍면동) 가 존재합니다. 

 

스마트메이커에서 각각 3개의 아톰 (지역, 시군구, 읍면동) 을 설정합니다.

각각 콤보에는 각 필드에 맞는 데이터를 검색하기 위해 항목을 추가합니다.

이때 데이터 내용에 맞게 DB처리객체를 설정해야 합니다.

콤보아톰에 각각 항목을 추가하면 조건없이 전체 데이터를 검색할수 있는 DB처리객체 _찾아오기가 자동으로 만들어 집니다.

이때 각각 조건에 맞는 조건절을 추가 해야 합니다.

 

지역은 중복 데이터가 있기 때문에 그룹설정을 통해 중복데이터가 없이 나오게 설정을 합니다.

시군구는 해당 지역이 맞게 데이터가 나와야 되기 때문에

 

조건절에 해당하는 지역을 조건절을 추가 합니다.

마찬가지로 중복데이터가 나오지 않도록 그룹설정을 합니다.

 

읍면동도 동일하게 시군구를 조건절로 추가를 합니다.

이때 각각 지역, 시군구 콤보에서 항목을 선택할때 마다 해당하는 내용이 나와야 되기 때문에 

아래와 같은 스마트메이커에서 제공하는 업무규칙으로 이벤트 처리를 하면 됩니다.

지역을 선택할때 이벤트를 받아 

시군구, 읍면동의 데이터를 모두삭제를 통해 초기화 하고

 

다시보기를 통해 검색을 다시 하게 하면 됩니다.