Data Binding

이번 튜토리얼은 OpenUI5에서 데이터 바인딩의 개념을 설명한다.

데이터 바인딩을 사용하여 UI 요소를 데이터 소스에 바인딩하여 데이터를 동기화 상태로 유지하고 UI에서 데이터를 편집 할 수 있다.

데이터 바인딩의 경우 model과 바인딩 instance가 필요하다.
모델 인스턴스는 데이터를 보유하거나 설정하여 서버에서 데이터를 검색하는 메소드를 제공한다.
또한 데이터에 대한 바인딩을 하는 방법을 제공한다.
이 메서드가 호출되면 바인딩 정보가 포함 된 바인딩 인스턴스가 만들어지고 바인딩 된 데이터가 변경 될 때마다 발생하는 이벤트가 제공된다.
element는 이 이벤트를 수신하고 새 데이터에 따라 ui를 업데이트 한다.

UI는 데이터 바인딩을 사용하여 응용 프로그램 데이터를 보유하는 모델에 컨트롤을 바인딩하므로 응용 프로그램 데이터가 변경 될 때마다 컨트롤이 자동으로 업데이트된다.
데이터 바인딩은 컨트롤의 변경으로 인해 사용자가 입력한 데이터에서 업데이트가 발생하는 경우에도 사용된다. 이를 양방향 바인딩이라고한다.

00_preview.png

tip :
튜토리얼의 진행은 openui5의 document를 토대로 정리했다. 각 튜토리얼마다 소스를 다운받는 url 주소를 참조해서 확인해 볼 수 있다.
실행 방법 참고