node-click

node-click는 Tree Component의 Node를 Click할 때 발생하는 Event이다. Click Event는 Platform Type이 Web의 경우에만 발생한다.

Action Design Example

Tree 형태로 표시되는 Data를 클릭하면 해당 값을 다른 Component로 전달하여, 그 값을 기준으로 Data를 불러오도록 설정한다.

예를 들어, Tree로 구성된 회사 부서 목록에서 특정 부서를 클릭하면, 해당 부서의 직원 정보가 List Component에 표시되도록 설정할 수 있다. 부서 Tree의 데이터 ID를 dataProp으로 지정하고, 이를 직원 정보를 조회하는 List Component에 treeId로 전달한다.

주요 Action Example

• Component Parameter

1. 각각 Target Type과 Source Type에 propName, dataProp으로 설정한다.

   [그림1. Component Parameter – Component (Required) 부분]
   

2. Target Component ID를 설정한다.

3. Target Value는 위의 propName에 대한 Action parameter이며, Target Component로 전달할 Key 값을 설정한다.

4. Source Value에는 위의 dataProp에 대한 Tree Component의 id를 설정한다.

   [그림2. Component Parameter – Component (Optional Required) 부분]
   

INFO

Data 전달만으로는 조회가 실행되지 않으며, List Component에서 전달받은 값을 기반으로 조회하도록 Load Lambda Action을 별도로 구성해야 동작한다.