반응형
이번 장에서는 넥사크로의 컴포넌트에 대해 알아보도록 하자.
넥사크로는 div, grid, button, textarea, static 등 많은 컴포넌트를 가지고 있으며, 각 컴포넌트들은 크게 3가지 항목으로 분류할 수 있다. 3가지 항목에 아래와 같으며 각 항목에 해당하는 컴포넌트에는 어떤 것들이 있는지 살펴보자.
1. 단일 컴포넌트
2. 목록형 컴포넌트
3. 컨테이너 컴포넌트
1. 단일 컴포넌트
- Static
화면에 일정한 문자열을 출력하기 위해 사용하는 컴포넌트이다. - Button
Click과 관련된 이벤트 핸들러를 제공, 사용자는 이벤트 핸들러에 스크립트를 작성하여 동작에 따른 실행을 지정 - Edit
한줄로 된 문자열을 입력 또는 출력하기 위해 사용되는 컴포넌트이다.
모든 문자열 입력이 가능하며, 경우에 따라 원하는 문자열만 입력 받을 수 있다. - MaskEdit
정해진 규칙에 따라 입력 될 필요가 있는 자료가 있을 때 사용하는 컴포넌트이다.
Number형과 String형으로 구분된다.
Number형은 규격화 된 실수를 입력하기 위해 사용되며 String형은 규격화된 코드값 등을 입력하기 위해 사용된다. - TextArea
여러줄로 된 문자열을 입력 또는 출력하기 위해 사용되는 컴포넌트이다. - Calendar
날짜와 시간을 입력 받기 위한 컴포넌트이다.
월 단위로 보고 선택하는 방식과 직접 입력하는 방식 등이 가능하며, 입력한 날짜가 정확한 날짜인지 체크된다. - CheckBox
선택한 상태 / 선택되지 않은 상태를 전환하면서 체크표시로 표현하는 컴포넌트이다.
스페이스키를 이용하여 체크 상태를 전환 할 수 있다. - Spin
일정 범위 내의 숫자값을 입력하기 위해 사용하는 컴포넌트이다.
Spin의 Value값은 문자형이므로 연산을 위해서는 숫자 형변환이 필요하다. - ImageViewer
화면에 이미지를 출력하기 위해 사용하는 컴포넌트이다. - ProgressBar
작업의 진행 상태를 점진적인 Bar형태로 표현하고자 할 때 사용하는 컴포넌트이다.
2. 목록형 컴포넌트
- Combo
여러 후보값 중에서 한개의 값을 선택하기 위한 용도로 사용되는 컴포넌트이다.
innerdataset 속성에 후보값을 미리 설정해주어야 한다. - ListBox
여러 후보값 중에서 한개 또는 여러개의 값을 선택하기 위한 용도로 사용되는 컴포넌트이다.
innerdataset 속성에 후보값을 미리 설정해주어야 한다. - Radio
원형 모양의 여러가지 선택 사항 중에서 하나의 값을 선택할 수 있도록 하는 컴포넌트이다.
innerdataset 속성에 후보값을 미리 설정해주어야 한다. - Grid
2차원 형태의 데이터를 격자 모양으로 표현하는 컴포넌트이다.
Head, Body, Summary영역으로 구성되며 각 영역은 Cell이라는 기본 단위로 구성된다.
Cell별로 Edit, Combo, Checkbox, Image등의 컴포넌트를 포함 할 수 있다. - Menu
MenuBar를 구성하거나, PopupMenu를 구성하도록 하는 컴포넌트이다.
MenuBar는 단계를 가지는 계층적 메뉴를 구성할 수 있다.
3. 컨테이너 컴포넌트
- Div
하나의 화면에 여러개의 부분화면을 구성할 때 사용하는 컴포넌트이다.
화면을 분할해서 Form에 대한 재사용성을 높일 수 있다. Div안에 다른 컴포넌트를 생성하거나 이미 만들어진 화면을 링크하여 사용 할 수 있다. - Tab
여러개의 TabPage를 추가해서 보여주는 컴포넌트이다.
좁은 화면에 많은 수의 컴포넌트가 배치될 필요가 있을 경우 등에서 사용할 수 있다. Tab안의 TabPage에 다른 컴포넌트를 생성하거나 이미 만들어진 화면을 링크하여 사용할 수 있다. - PopupDiv
하나의 화면에 여러개의 부분화면을 구성할 때 사용하는 컴포넌트이다.
주 화면과 독립적 또는 연계하여 화면을 구성할 수 있다.
Div컴포넌트와 비슷하나 PopupDiv는 포커스를 잃게 되면 자동으로 사라지게 된다.
반응형
'nexacro' 카테고리의 다른 글
nexacro / Generate (2) | 2020.11.04 |
---|---|
nexacro / 컴포넌트 배치 (0) | 2020.11.04 |
nexacro / 넥사크로 프로젝트 생성하기 (1) | 2020.11.04 |
nexacro / 넥사크로란? (0) | 2020.11.02 |