Comment

List의 댓글 형식으로 Data를 표시해야 하는 경우 사용되는 Component이다.

• How to Create

1. New Component Popup에서 Comment 타입을 선택한다. (Step1)

2. Component Name 및 화면에서 표시되는 명칭(Symbolic String or Custom Name)을 등록하고, 이미 등록된 Business Object에서 Comment Component에 사용될 Business Object를 선택한다.

   INFO

   Step2의 Layout Type 선택 및 Step4의 FieldMapping 단계는 Skip

• 적용 가능한 Component Attribute

1. Tab Pane Id: Tab Component로 Screen이 구성되는 경우, 하단에 해당 Component가 배치되는 경우 Tab Component의 Panel Id값을 등록하여 Tab과 연결하기 위하여 사용된다..
2. Page Size: Component가 Load될 때, 또는 사용자가 +더보기 Button을 Click할 때, 한번에 Load되는 댓글의 수를 설정한다. 기본값은 20개로 설정되어 있다.
3. Style - Background Color: Comment Component의 배경색을 설정한다.

• 사용 가능한 Service

Name	Platform	Description
load	Common	Data loading 시 발생되는 Event
Inner-button-click	Common	Comment Component의 Reply(댓글)를 Click할 때 발생되는 Event

Load: Comment Component가 Load될 때 발생되는 Event이며, Comment Component를 사용할 때 필수로 등록해야 하는 Service이다.

INFO

Data load를 위해 Lambda-Interface를 사용하며, Optional Required를 /CalsComWebCommonSelectData로 설정하고 Type은 Data, Target은 List Component로 설정한다.

1. Inner-Button-Click: Comment Component의 Reply(댓글)를 Click할 때 호출되는 Event로 댓글을 재 입력할 수 있는 댓글 입력 Screen을 호출한다. 댓글을 입력하는 화면은 일반적으로 Bottom Panel을 사용한다.

   [그림1. 해당 action은 Canvas의 reply Control에 적용되는 Service이다]
   

   [그림2. Show Bottom Panel의 Path 속성]
   

• 사용 가능한 Control

1. Label: Component에 표시되는 Writer, Create Date, ReplyTo 등의 고정된 정보를 표시한다.
2. Comment Button: Component에 Reply를 표시한다.
3. Text Content: Component에 Content를 표시한다.
4. Hidden: Control의 숨김 속성을 설정할 수 있다.

Appendix. Comment Component 구성 방법

Comment로 구성되는 화면은 Comment Component 만으로는 구성할 수 없다. 입력 및 댓글을 포함한 Screen으로 구성되어야 한다.

1. Comment 입력창으로 Textarea Component로 구성된다.
2. Comment Component로 Data 조회 형식이 card 형태로 되어 있다.
3. 댓글 입력을 위한 Popup 화면으로 Comment 입력창과 유사하게 구성되어 있다.