Skip to content

Load

Component가 Browser에 Load될 때 발생되는 Event로, Data를 표출하기 위한 필수 Service이다. 추가 Action의 설정으로 Control의 ReadOnly, hidden 처리 등의 Attribute를 설정할 수 있다.

  • Action Design Example: Data 조회 및 Data 전달

    1. Check Action: Validation Check.
    2. Lambda Action: Lambda로 실제 Data를 처리하는 Action (Load).
    3. Component-Interface: 주로 호출되는 Component에 설정된다. Source Component의 Parameter Value 또는 속성에 따라 호출되는 Component의 상태나 Value를 설정할 때 사용한다 (하위의 Control도 가능)



  • 주요 Action Example: Lambda Action [그림1. Load Action lambda 화면] image

  1. Lambda: /CalsComWebCommonSelectData 선택한다.
  2. Type: Data를 선택한다.
  3. Target: Component에 조회되는 Data의 형태를 설정한다. 여러 건으로 조회되는 Data는 List Component, 단일 건의 조회되는 Data는 Form Component로 설정한다.

[그림2. Target Component에서 Data를 조회하기 위한 URL Path의 Parameter] image

  1. Target Component를 호출하는 Source ComponentNavigation Action에서 설정된 ControlId Parameter 값이다 (Navigation Action: Show Popup, page, right panel, bottom panel).
  2. urlParamSelect: urlParam은 Navigation Action에서 설정 전달된 parameter key 값을 의미하며, Optional Required에 설정된 Field와 비교하여 parameter key 값이 동일한 Data를 조회하고자 할 때, urlParamSelect parameter를 사용한다.

[그림3. Tab Component로 연결된 Component의 Data 조회 Parameter] image

  1. 상위 Component Load Service에서 Component Parameter Action을 이용해 Propname으로 설정한 Parameter Key값을 설정한다.
  2. Prop로 설정된 값을 Optional Required에 설정된 Field와 비교하여 parameter key 값이 동일한 Data를 조회하고자 할 때, propSelect parameter를 사용한다.
  • 자주 사용하는 Action
  1. Component Parameter: 호출하는 Component의 Data 또는 속성에 따라서 호출되는 Component가 Load 될 때, 속성을 변경하거나 하위 Control의 속성을 변경하도록 설정한다.
  2. Control Parameter: Component가 Load 될 때, Control의 Value에 따라서 관련된 다른 Control의 속성 및 Value를 변경하도록 설정한다.