소스 보기

금융 상품 목록과 상세 정보를 확인할 수 있는 관리 화면입니다.

템플릿 소개

이 템플릿은 여러 상품의 상세 정보를 팝업을 통해 확인할 수 있습니다.

사용자는 상품 목록의 상품을 더블 클릭하여 상세 정보를 확인할 수 있으며, 상세 정보 팝업창에서는 특이사항을 텍스트에 서식을 적용하여 확인하고, 수정할 수 있습니다.

또한 상품 정보 전체 내보내기가 아닌 사용자가 마우스로 선택한 영역만 엑셀로 내보내는 기능을 통해 원하는 정보만 내보내기할 수 있습니다.

상품 정보, 고객 정보 등 데이터의 양이 많고, 항목별로 확인해야 할 속성이 복합적인 데이터에 적합합니다.

레이아웃 활용 예시

[유통] 주문 및 배송 관제
* Master : 주문 정보(주문번호, 주문일시, 고객명, 총 결제금액, 주문상태) 조회
* Detail : 선택한 주문의 주문 상세(개별 상품 리스트, 배송지 주소, 택배사 송장 추적 정보, CS 상담 이력) 조회

[제조] 장비 유지보수 및 자산 관리
* Master : 설비 정보(설비명, 설비위치, 현재 가동률, 최근 점검일, 상태) 조회
* Detail : 선택한 설비의 설비 제원 및 이력(상세 사양, 부품 교체 이려그 수리 매뉴얼, 센서 데이터) 조회

[공공] 인사 정보 및 역량 관리
* Master : 직원 명부(사번, 설명, 부서, 직급, 근태 현황, 성과 등급) 조회
* Detail : 선택한 직원의 인사 카드(상세 경력 사항, 보유 자격증 목록, 연도별 고과 점수, 교육 이수 현황, 연봉 변동 추이) 조회

템플릿을 효과적으로 구현하기 위해 사용된 핵심 기능

Master 그리드를 더블 클릭하여 Detail 팝업창을 실행합니다.

SmartEditor 컴포넌트를 활용하여 텍스트에 서식(html 태그)이 포함된 데이터를 저장합니다.

데이터 그리드를 우클릭할 때 보여지는 '내보내기' 항목에 '선택한 영역만 엑셀로 내보내기'가 추가되며, 별도의 버튼을 활용하여 내보내기 동작을 설정할 수 있습니다.

상세 내용을 팝업창에서 확인할 수 있는 Master to Detail 레이아웃을 사용했습니다. 레이아웃 활용 팁이 궁금하시다면? ▶ 마스터-디테일 팝업 조회 화면 템플릿 보기

총 30개의 금융 상품 정보 데이터를 사용했습니다. 다른 데이터를 다운 받고 싶다면? ▶ 샘플 데이터 목록