Grid
대용량 Data 전용 Component로 List Component에 비해 Data Load 속도가 빠르다. 많은 건의 Data를 Screen에 보여 줄 때 사용한다.
- How to Create
- New Component Popup에서
Grid타입을 선택하고 Next를 Click한다. - Component Name 및 화면에서 표시되는 명칭(
Symbolic Stringor Custom Name)을 등록하고, 작성된 Business Object 가운데 Grid Component에 사용될 Business Object를 선택한 후, Next를 Click한다. - Grid의에 표시될 Field(항목)을 선택한다. 위에서 선택된 Business Object의 Field가 표시되며, System Field는 Default로 이미 선택되어 있다.
- 적용 가능한 Component Attribute
- Tab Pane Id: Tab Component로 Screen이 구성되는 경우, 하단에 해당 Component가 배치되는 경우 Tab Component의 Panel Id값을 등록하여 Tab과 연결하기 위하여 사용된다.
- Use Checkbox: Use Checkbox
가 설정된 List의 Checkbox가 최초에 선택된 상태로 화면에 표출된다. 기본값은No이며,Yes`로 변경하면 List의 Checkbox가 선택된 상태로 표출된다. - Single Check:
Use Checkbox에서 생성된 Checkbox를 단일 선택으로 기능을 제한하는 Radio Button으로 설정을 변경한다. 기본값은No이며,Yes로 변경하면 List의 각 Row의 좌측 시작에 Radio Button을 가진 컬럼이 추가된다. - Use Drag and Copy: List에 Drag and Copy 기능을 추가한다.
- Style - Size: Component의 크기를 설정하는 스타일 속성으로 높이를 픽셀 또는 퍼센트 단위로 설정할 수 있다.
- Style - Background Color: Component의 배경색을 설정한다.
- Style – Outline: Component 아웃라인의 타입을 선택할 수 있으며, List의 곁 테두리를 말한다.
- 사용 가능한 Service
| Name | Platform | Description |
|---|---|---|
| load | Common | Data loading 시 발생되는 Event |
- Load: Component가 Load될 때 발생되는 Event로, Service를 등록하여 List Component의 Data를 조회한다.
INFO
Load Event의 Service를 등록할 때, Check Action과 Lambda를 사용한다.
Step1의 Lambda를 선택하고, 수정 icon을 click 하면, 다음의 Lambda를 수정하는 화면으로 이동한다.
Lambda는 /CalsComWebCommonSelectData를 선택하고, Type을 Data, Target을 List Component로 설정하고 저장한다.