Step 6: Resource Models

opensapkr·2019년 7월 2일
0

ui5-Data Binding

목록 보기
7/14

이번 튜토리얼은 다국어 번역 기능에 대해서 알아본다.

일반적으로 언어 별 텍스트가 백엔드 시스템에서 직접 파생되지 않는 한 변환 가능한 텍스트를 모델에 직접 배치하는 것은 좋은 프로그래밍 방법으로 간주되지 않는다.
따라서 모든 번역 가능한 텍스트를 리소스 번들에 배치하여 동적으로 만든다.

Preview

06_preview.png

Coding

Data Binding - Step 6.

webapp/index.js

sap.ui.getCore() 호출하여 oResourceModel의 bundleName과 i18n을 코어에 설정을 한다.
ResourceModel 참고 자료

note:
이전 튜토리얼의 oModel.setDefaultBindingMode(BindingMode.OneWay);을 지우고 해당 텍스트는 i18n이 있는 resourceMOdel로 바인딩 된다.

webapp/i18n/i18n.properties (New)

webapp/i18n 경로에 해당 파일을 생성한다.
panelHeaderText는 json 모델에서 i18n으로 이동이 되었다.
해당 i18n은 저장된 언어는 다국어 번역을 위한 java 규칙을 따른다.

webapp/view/App.view.xml

해당 xml 파일에 대한 text들을 i18n에 있는 속성들로 바인딩 한다.
index.js에서 serModel에서 resourceModel의 이름을 i18n으로 설정하였기 때문에 바인딩 구문은 {i18>}구문으로 사용하면 자동으로 매치되어 바인딩 된다.

Resource Model

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

0개의 댓글