페이지 트리

버전 비교

  • 이 줄이 추가되었습니다.
  • 이 줄이 삭제되었습니다.
  • 서식이 변경되었습니다.

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

Image Removed Image RemovedImage Added Image Added

Image Modified
Easy Heading Macro
navigationTitle목차
selectorh2
navigationExpandOptionexpand-all-by-default


(빨간 별) 템플릿 소개


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

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

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

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

참고사항

레이아웃 활용 예시

  • [유통] 주문 및 배송 관제
    * 목록 : 주문 정보(주문번호, 주문일시, 고객명, 총 결제금액, 주문상태) 조회
    * 상세 : 선택한 주문의 주문 상세(개별 상품 리스트, 배송지 주소, 택배사 송장 추적 정보, CS 상담 이력) 조회
  • [제조] 장비 유지보수 및 자산 관리
    * 목록 : 설비 정보(설비명, 설비위치, 현재 가동률, 최근 점검일, 상태) 조회
    * 상세 : 선택한 설비의 설비 제원 및 이력(상세 사양, 부품 교체 이려그 수리 매뉴얼, 센서 데이터) 조회
  • [공공] 인사 정보 및 역량 관리
    * 목록 : 직원 명부(사번, 설명, 부서, 직급, 근태 현황, 성과 등급) 조회
    * 상세 : 선택한 직원의 인사 카드(상세 경력 사항, 보유 자격증 목록, 연도별 고과 점수, 교육 이수 현황, 연봉 변동 추이) 조회


(빨간 별) 주요 기능


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


패널
borderColor#e5e7eb
bgColor#ffffff
borderStylenone

데이터 그리드 Master to Detail 팝업

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

마스터-디테일 팝업 조회

마스터 그리드를 더블 클릭하면 상세 팝업창이 실행됩니다.

모듈 다운로드 →



패널
borderColor#e5e7eb
bgColor#ffffff
borderStylenone

스마트에디터 활용 데이터 저장하기

SmartEditor 컴포넌트를 활용하여 텍스트에 서식(html

서식 있는 텍스트 편집기 활용

서식(HTML 태그)이 포함된

데이터를 저장합니다

텍스트 데이터를 저장하고 표시할 수 있는 전용 편집기 컨트롤을 활용합니다.

모듈 다운로드 →



패널
borderColor#e5e7eb
bgColor#ffffff
borderStylenone
데이터

그리드 선택 영역만 엑셀로 내보내기

데이터 그리드를 우클릭할 때 보여지는 '내보내기' 항목에 '

그리드 우클릭 메뉴에 '선택한 영역만 엑셀로 내보내기'가 추가되며, 별도의

버튼을 활용하여 내보내기

버튼으로 해당 동작을 설정할 수 있습니다.

모듈 다운로드 →



(빨간 별) 사용 레이아웃


정보

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

(빨간 별) 사용 데이터


정보

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