link-click

link-click은 List Component의 Table Column Control 중 UI Type이 link로 설정된 경우, Control 위에 마우스를 오버하면 Link가 활성화되며, 해당 Link를 클릭할 때 발생하는 Event이다.

Action Design Example

List Component의 Column에 Popup을 호출하도록 Link 설정한다.

Table Column Control의 UI Type을 link로 설정한 후, link-click Service를 등록한다.

Link 클릭 시 Data를 조회 및 수정할 수 있는 Popup이 호출되도록 Action Designer에서 Show Popup Action을 설정한다.

주요 Action Example

• Show Popup

  • Show Popup의 Path에서 Popup의 Screen URL을 Key 값으로 설정한다.

    [그림 1. Show Popup – path 설정]

  • Link를 Click하면 호출되는 Popup Screen에 List Component의 rid를 controlId로 전달한다.

    [그림 2. Show Popup – controlId 설정]

  • Popup을 호출할 때, List의 날짜를 prop으로 전달한다.
    Date의 형태가 Range(ex. 2023-01-01~2023-12-31)인 경우, date[0]과 date[1]의 변수에 시작 날짜와 종료 날짜를 입력하여 전달한다.

    [그림 3. Show Popup – prop 설정]