넥사크로 컴포넌트 종류 (div url속성)

형아·2025년 1월 8일

Nexacro

목록 보기
10/18

넥사크로에서 제공하는 컴포넌트 종류

단일 컴포넌트

컴포넌트 하나에 데이터 하나를 표현할 수 있다.
Static, Button, Edit, MaskEdit, TextArea, ProgressBar 등..

목록형 컴포넌트

단독으로는 사용할 수 없고, 여러 개의 item에서 하나를 선택할 수 있다.
Combo, ListBox, Radio, Grid, Menu, PopupMenu 등...

컨테이너 컴포넌트

자기 자신을 포함해서 다른 컴포넌트를 포함할 수 있는 컴포넌트


단일 컴포넌트

  1. MaskEdit
  • 길이가 정해져있음
  • format 가능
  • {}안에 넣으면 * 로 표시됨!

참고 : 비밀번호 이거 쓰면 안돼... edit의 password속성 써주면 돼에


컨테이너 컴포넌트

만드는 방법

  1. 직접 컴포넌트 하나하나 넣어서 만듬

  2. url 속성을 이용
    어플리케이션 전체에서 만들어진 폼 정보 가져와서 선택

    => 이 방법을 이용하면 조회조건이 비슷한 화면구성을 빠르게구성할 수 있음

    또한, tab일 경우, 컴포넌트로 직접 만들었다면 모든 탭에 있는 컴포넌트를 렌더링할 시간이 필요하지만,
    url로 연결 시, 현재 활성화 된 폼만 렌더링 하면 되서 빠름

  • 유의점
    아직 로딩되지 않은 컴포넌트를 참조할 시 undefined 가 될 수 있음

  • 해결

  1. 개발할 때 로직으로 해결
  2. (tab일 때) preload 속성 true로 변경 시, tab에 있는 모든 컴포넌트들이 한 번에 로딩되기 때문에 undefined 방지할 수 있음 (대신 로딩속도에 영향을 줌)

웬만하면 1번, 로직으로 해결하는 것을 추천!

tab

우클릭 > next tabpage : 다음 탭으로 이동하기

profile
개발새발

0개의 댓글