요약 정보(Tab1)와 데이터 입력·수정(Tab2)을 하나의 화면에서 처리할 수 있는 레이아웃 입니다.

 light-on (on) 레이아웃 구조

(star) 적용 예시

  • [공공] 지자체 시설물 점검 현황

  • [공공] 대시민 주요 민원 처리 현황
    * 요약 : 민원 접수 건수, 처리 완료 건수, 처리 지연 건수 등
    * 목록 : 접수번호, 민원 내용, 담당자, 처리 상태 등

  • [IT] 사내 시스템 장애 및 보안 관제
    * 요약 : 운영 중인 서버 수, 정상, 경고, 장애 발생 건수 등
    * 목록 : 장애 발생 일시, 대상 시스템, 조치 내용, 완료 여부 등

  • [유통/물류] 핵심 상품 재고 및 발주 관리
    * 요약 : 총 취급 품목 수, 적정 재고 유지, 안전 재고 미달, 품절 품목 수
    * 목록 : 품목코드, 현재 재고, 당일 출고 예정량, 신규 발주 수량 입력 등



(정보) 레이아웃 활용 팁

  • Tab을 활용한 화면의 역할 분리
    • Tab1은 경영진·의사결정자를 위한 '요약 현황 화면'으로, Tab2는 실무자를 위한 '데이터 관리 화면'으로 활용하세요.
    • 복잡한 데이터 표와 화려한 차트가 한 화면에 혼재되어 집중력을 떨어뜨리는 것을 방지하고, '현황 파악'과 '데이터 입력' 중 무엇에 집중할지 명확하게 구분할 수 있습니다.


  • MX-Grid로 유연한 대시보드 구성
    • 여러 개의 컨트롤을 일일이 배치할 필요 없이, 하나의 MX-Grid로 대시보드를 구성해 보세요.
    • 익숙한 엑셀 환경에서 수식, 텍스트, 조건부 서식 등을 배치할 수 있습니다. 픽셀 단위의 복잡한 간격 조정이나 퍼블리싱 과정 없이도, 실무자에게 친숙하고 깔끔한 레이아웃을 빠르게 완성할 수 있습니다.
    • 복잡하게 SQL 쿼리를 작성 없이도 원하는 차트를 MX-Grid에서 만들 수 있습니다.


  • 가변 메세지 작성 영역
    • 대시보드에서 지금 집중 해야 할 핵심 메세지를 작성할 수 있습니다.
    • 변수를 활용해 조회 조건이나 실시간 데이터에 따라 바뀌는 수치를 직접 표현해 보세요.
      예) '현재 기준 ' + :VS_TEAM + '의 이번 달 목표 달성까지 ' + :VS_AMT + '만원 남았습니다. '


  • 데이터 수정(Tab2)과 시각화(Tab1)의 실시간 연동
    • Tab2의 그리드에서 데이터를 추가·삭제·저장하면 Tab1 화면에 즉시 반영됩니다.
    • 별도의 보고서 취합 없이, 실무자의 데이터 입력이 관리자의 모니터링 대시보드로 바로 이어집니다.