Step 13: Element Binding

opensapkr·2019년 7월 2일
0

ui5-Data Binding

목록 보기
12/14

이번 튜토리얼은 바인딩 된 컨트롤이있는 양식을 사용하면서 element 바인딩을 통해 선택한 엔티티에 바인딩한다.

Preview

13_preview.png

Coding

Data Binding - Step 13.

webapp/view/App.view.xml

클릭한 product데이터를 채우기 위해 ObjectListItem 컨트롤에서 onItemSelected 이벤트 핸들러를 등록하고 새로운 Panel 컨트롤을 만든다.

webapp/controller/App.controller.js

onItemSelected 함수에서 클릭 이벤트시 해당 객체를 oSelectedItem 변수에 담아주고 바인딩하고 패스 설정을 해준뒤 element에 바인딩 해준다.

우리는 양방향 방향을 통해서 바인딩 하였기 때문에 반대로 view에서 모델의 데이터 값을 변경할 수 있다.

webapp/i18n/i18n.properties

webapp/i18n/i18n_de.properties

Context Binding (Element Binding)

profile
UI5/Fiori/SCP 도큐먼트 번역 및 관련 정보 공유합니다.

0개의 댓글