[Fiori] Back button 생성

1. Pre-steps

프로젝트에 view 및 view에 data binding이 완료된 상태에서 진행하도록 하자. 이전 스텝들은 아래 글을 참고하면 된다. 

[Fiori] 프로젝트 생성

 

[Fiori] View 생성

 

[Fiori] Label, Button 생성

 

[Fiori] Data Model 추가

 

[Fiori] Data Binding

 

2. Back button 생성 

위 스텝들을 통해 화면 이동 기능 및 data binding은 완료했지만, view2 에서 뒤로가기(back button) 기능이 없어 불편한 상태이다. 뒤로가기 버튼을 생성하기 위해, 대상 페이지인 view2에서 우측 설정 > Properties > Show Nav Button 설정을 True로 해준다. 여기까지 저장하고 실행하면 버튼은 보이지만 뒤로가기가 정상적으로 작동하지는 않을 것이다.

 

View2 > Properties > Show Nav Button True 설정

 

 

그 이유는 버튼을 만듦과 동시에 해당 값에 default로 생성되는 View ID와 script code에 생성되는 ID가 다르기 떄문이다. 따라서 manifest,json 파일의 Routing 탭 하단 Routes 설정에서 View ID로 떠있는 값을 지워준다. 스크립트 값과 ID 값을 동일하게 맞추거나 하나를 지워주면 문제가 해결되기 때문! 이 부분을 하지 않으면 아래 Navigate To 연결을 하려 해도 정상적인 Target Control이 뜨지 않는다.