Component 속성

Component는 Screen을 구성하고 동작하는 기본 단위이다. Component의 기능을 설정하기 위해서는 하나의 Component를 선택한 후, 마우스의 오른쪽 Click 시 나타나는 메뉴의 View Attribute를 선택하여 Attribute 설정 화면을 표출한다 (아래 Image 참조). Data의 처리 방식, 페이지 사이즈 등을 설정할 수 있으며 Component 유형에 따라 설정할 수 있는 Attribute가 다르다.

No	Name	Description
1	Component Display	사용자에게 노출되는 Component명으로 Symbolic String과 사용자의 직접 설정 등, 2가지 방식이 있다.
2	ReadOnly Flag	Component의 편집 가능 여부를 설정한다. Control의 속성과 중복하여 설정이 가능하며, 중복된 경우 Component의 설정갑이 우선된다.
3	Search Spec	Component에 Mapping된 BO의 검색 조건을 설정하여, 검색 조건에 맞는 일부 적합한 Data만이 Component에 binding된다.
4	Sort Spec	Component의 Data 정렬 조건을 설정한다.
5	Toolbar Position	Toolbar Button의 위치를 설정한다. 설정 값이 없거나 Default의 경우, Button의 위치는 Top이며, Bottom으로 입력한 경우만 Button이 Component 하단에 표시된다.
6	Tab Pane Id	Tab Component의 Tab Control ID와 Mapping되어야 하여, Tab Click 시, 설정된 Id에 따른 Component를 표출하는 용도로 사용된다. Component가 여러 Screen에서 사용될 때는 Screen 화면의 Related Component List에서 설정하여야 한다.
7	Use CheckBox	List의 좌측 앞에, Checkbox의 표출과 사용 여부를 설정한다. 기본값은 No이며, Yes로 설정 시, List의 각 행의 좌측 앞에 Checkbox가 생성된 Column이 추가된다.
8	Single Check	List의 Radio Button 사용 여부를 설정한다. 기본값은 No이며, Yes로 설정 시, List의 각 행의 좌측 앞에 Radio Button이 생성된 Column이 추가된다.
9	Reverse Check	List에 생성된 Checkbox의 최초 선택 상태를 설정한다. Yes인 경우 CheckBox가 선택된 상태로 표출된다.
10	Use Summary	Summary Row의 사용 여부를 설정한다. 합계 정보는 sum, 평균값은 average 로 입력하며, Summary Row를 사용함으로 설정하는 경우, Column Control 에서도 Summary 정보를 추가로 설정해야 한다. Control에서 설정할 수 있는 속성은 prefix, suffix, function, label - prefix: Data의 앞에 문자열을 붙여서 summary행에 출력 - suffix: Data의 뒤에 문자열을 붙여서 summary행에 출력 - function: Excel 함수를 이용하여 계산된 값을 summary행에 출력 - Label: Data의 값을 summary행에 출력
11	Use Striped Table	List의 Striped Style 사용 여부를 설정한다. Striped Property를 YES로 설정하여 List Data에 1 Row씩 띄어서 색칠으로 구분하여 표출한다.
12	Search Type	List의 검색 타입을 설정한다. Default의 경우, List의 Table Column Control의 SearchAble 속성에 따라 검색이 가능하다. Static의 경우, List의 상단 영역에 검색 조건을 입력 또는 선택할 수 있는 Control들을 배치하며, 해당 Control의 입력 또는 선택된 값으로 검색한다.
13	Collapse Disabled	컨텐츠 영역의 Component 접기 기능의 비활성화 여부를 설정한다. 기본 값은 No로 컨텐츠 접기 기능이 활성화 되어있다.
14	Default Collapse State	Collapse Disabled 값이 No 일 경우 화면 초기 진입 상태 설정 속성
15	Inline Edit	List 내에서 Data를 추가, 수정, 삭제할 수 있도록 Editor Mode를 설정한다. Inline Edit으로 입력한 Data의 저장 또는 삭제를 위해서는 row-inline-save, row-inline-delete Service를 등록하여 사용한다. 또한 TableColumn Control에서는 Inline Edit 기능과 관련하여 추 가적인 Configuration이 필요하다.
16	Control Spacing	Control Spacing은 Component의 Control 사이의 기본 간격을 설정하거나 변경하는 설정이다. Col Spacing Default Value는 15, Row Spacing Default Value는 20이다.
17	Label - Display	Component가 가진 Control의 Label에 대한 표출 여부를 설정한다. 기본값은 show이다.
18	Label - Position	Component가 가진 Control의 Display name(Label)의 위치를 설정한다. TOP, LEFT 중 하나를 선택할 수 있다.
19	Use Drag and Copy	List에 조회된 Data의 복사 여부를 설정한다. 기본값은 No이며, Yes로 설정하면, List에 조회된 Data의 복사가 가능하다.
20	Use Page Total	조회된 Data의 전체 건수를 표시하기 위한 설정이다. Yes로 설정한 경우, Toolbar 영역의 좌측 끝 부분에 […] Button이 추가되며, 이를 Click하여 전체 Data의 건수를 확인할 수 있다.
21	Mobile Display Type	모바일 전용 Property이며, 모바일의 List 형태를 설정할 수 있다.
22	Page Navigation	List의 Data 조회 시 Paging 표출 방식을 설정한다. Scroll Navigation, Button Navigation 등의 방식이 있다. 기본값은 Scroll Navigation이며 아래로 스크롤하여 추가 Data를 조회한다. Button Navigation의 경우, List 하단에 Pagination이 표출된다. *Page Size Items으로 PageSize를 설정할 수 있다. *Default Page Size로 기본 Page Size를 설정할 수 있다. *Use Go To Page로 입력한 페이지로의 이동 여부를 설정한다.
23	Page Size	한번 로드 할 때 가져올 Data의 Row 수를 설정한다. 기본값은 20이다.
24	Personalization	List의 경우, 개인화 설정이 가능하다 (List, ToolbarList 등의 Component). 각 개인별로 List에서 숨기고 싶은 Control을 설정하거나, Control의 순서 등을 변경할 수 있다. Option을 YES로 설정하면 적용되며, 개인화를 적용할 수 있는 요소는 Column 너비, Column 표시 여부, Column 순서, 정렬 및 검색 등이다. 단, Column 표시 여부와 Column 순서는 ToolbarList에만 적용할 수 있다.
25	Display number	List의 Data가 표출 순서에 따라 순차적으로 순서가 부여되어 표시된다. 조회된 결과를 기준으로 표시되는 순서에 따라 부여된다.
26	Display Full Size Fixed	Component Size(높이)를 Screen에 맞추어 확장하는 설정이다.
27	Key Column	대용량 Data를 불러오기 위한 Unique한 Key값을 설정한다.
28	URL	WebComponent 유형의 속성으로, Extension View를 위한 URL 경로를 설정한다.
29	JsonData	WebComponent 유형의 속성으로, 화면의 Style을 설정한다.
30	Object Prop	Tree Component 전용의 Data 조회를 위한 속성이다.
31	Default Expand All	Tree Component의 펼침 여부를 설정한다. 기본값은 Yes이며, 트리가 펼쳐진 상태로 표출된다.
32	Header Field	Kanban Component의 Header로 사용할 Field를 설정한다.
33	Header Reference Code	Kanban Component의 Header에서 사용할 Group Code이다.
34	Src	Iframe Component의 속성으로 Web Src를 설정한다.
35	Current View	달력에 활성화될 날짜의 단위를 설정한다. 기본값은 Week로 주 단위의 달력이 표시된다
36	Views	달력에 표출되는 날짜 타입을 설정한다.
37	Display Data Format	달력에 표출되는 날짜의 포맷을 설정한다. 기본값은 yyyy-MM-dd로 1970-09-30 형식으로 날짜가 표출된다.
38	Draggable	달력 Data의 Drag 여부를 설정한다. 기본값은 No이며, Yes로 설정 시 Data를 Drag할 수 있다.
39	Resizable	달력 Data의 Resize 여부를 설정한다. 기본값은 No이며, Yes로 설정 시 Data의 Resize가 가능하다.
40	Category	달력의 Data에 따라 색상을 설정한다.
41	Icon Position	Icon의 위치를 설정한다. 기본값은 Right이다.
42	Suffix	박스 안에 있는 Data 뒤에 붙을 문자를 설정한다.
43	Style - Size	Component의 크기를 설정한다. 높이를 픽셀 또는 퍼센트 단위로 설정할 수 있다.
44	Style - Text Color	글자의 색상을 설정한다.
45	Style - Background Color	Component의 배경 색상을 설정한다. 팔레트에서 선택한 색상으로 List의 배경색을 변경한다.
46	Style - Flat Appearance	Border Size 및 Color를 설정한다.
47	Style - Outline	Component 아웃라인의 타입을 설정한다. value를 Folder로 설정하면 List의 아웃라인이 Folder Icon의 형태로 변경된다