아래의 메뉴화면을 구성한 후 메뉴를 클릭하였을 때 메뉴의 상세옵션이 있는 화면으로 넘어가야한다.
아래는 메뉴의 상세옵션화면이다.
즉 메인화면의 메뉴의 Id를 해당화면으로 전달하여 해당메뉴의 상세옵션을 보여줘야한다.
어떻게 전달하면 좋을까 고민을 많이했다.
바로 스크린화면으로 전달하는 과정까지는 쉬운데 스크린안에 layout이 또다른 Block으로 구성되어 있어 Block까지 값을 전달해야 함이 복잡했다.
그래서 일단 메뉴를 클릭했을때 Block이 아닌 스크린으로 메뉴의 Id를 전달하고자 하였다.
메인화면은 MenuScreen2이고 상세화면은 ex이다.
아래는 ex스크린화면의 입력매개변수와 Aggregate이다. 입력매개변수하나와 Aggregate를 불러와줬다.
그리고 메인화면에서 listitem을 더블클릭하였을때 Middle값에 현재 스크린화면의 메뉴의 id를 넘겨주었고 해당 Aggregate에 Filter를 아래와 같이 추가하였다. 즉 Middle에 해당하는 메뉴의 id만 기억하도록해주었다.
아래는 Block이다.
Block에도 마찬가지로 입력매개변수를 하나 추가해었다.
마찬가지로 이전스크린화면에서 입력매개변수에 해당 메뉴의 id를 넘겨주었다. 그리고 해당 Aggregate에 Filter에 똑같은 조건을 입력해주었다.
이렇게 하면 메뉴의 id가 잘 전달된다. 한번 브라우저에서 확인해보겠다.
확인을 위해 In1의 Value에 메뉴의 이름을 선택했다.
아래는 점보세트를 누른 경우이고
아래는 새우튀김을 누른경우이다.
다음에는 이제 상세옵션 데이터를 만들어 상세옵션화면을 구성해보겠다.
'로우코드(Lowcode) > OutSystems프로젝트' 카테고리의 다른 글
| outsystems - 5.2 해당메뉴의 필수옵션(radio widget) (0) | 2023.05.24 |
|---|---|
| outsystems - 5.1 해당메뉴의 상세옵션(check box) (0) | 2023.05.23 |
| outsystems - 4.2 메인화면 설계 (0) | 2023.05.20 |
| outsystems - 4.1 메인화면설계 (0) | 2023.05.20 |
| outsystems - 3.kiosk만들기 (0) | 2023.05.16 |
