databinding
1.Data Binding Tutorial
sapui5 Documentation을 참조해서 내가 이해한 databinding tutorial을 정리해본다.📝📝📝 📌 개요 Model에 데이터가 있는 경우 UI element에 data binding을 적용해서 데이터를 동기화 상태로 유지하고 UI에서 데
2.Data Binding Tutorial - 02 Creating a Model
이 단계에서는 UI에 보여줄 data Model을 만들어보자.📝📝📝다양한 model 형식을 통해 데이터를 정의할 수 있다.Javascript Object Notation(JSON)Extensible Markup Language(XML)ODataYour own cu
3.Data Binding Tutorial - 03 Data Binding Mode & Types
🌟 databinding을 실습하기에 앞서 datbinding의 개념을 상기하고 binding modes와 binding types에 대해 먼저 알아보자. Data Binding: 데이터 바인딩은 컨트롤을 데이터 소스와 동기화된 상태로 유지하는 데 사용된다!!! 앞
4.Data Binding Tutorial - 04 Two-way Data binding
이전 챕터에서는 sap.m.Input 필드를 사용하여 성과 이름 input 필드를 표시하여 두 필드에 Two-way databinding을 적용해보자.실습 \- JSONModel을 통해 input 필드에 binding (Model -> View) \- View(UI
5.Data Binding Tutorial - 05 One-way Data binding
이전 챕터에서는 Two-way(양방향) 바인딩 방법을 보았고 이제는 Model에서 binding instance를 통해 View로 바인되는 One-way(단방향) 바인딩을 살펴보자. 이제 checkbox에 어떤 상태에 있든 input 필드는 입력을 위해 열린 상태로만
6.Data Binding Tutorial - 06 Resource Models
business application는 사용자 인터페이스의 labels 및 description으로 사용되는 번역가능한 텍스트도 필요하다. 번역 가능한 텍스트를 모델에 직접 배치하는 것은 좋은 프로그래밍 방법으로 간주되지 않기 때문에 번역 가능한 모든 텍스트를 res
7.Data Binding Tutorial - 07 Resource Bundles and Multiple Languages (Optional)
resource bunlde이 있는 이유는 코드를 변경할 필요 없이 앱을 여러 언어로 실행 할 수 있도록 하기 위함이다. 독일어 버전의 앱을 한번 만들어보자.i18n/i18n_de.propertiesi18n의 접미사 de는 독일어의 locale이다.MainView.c
8.Data Binding Tutorial - 08 Binding Paths: Accessing Properties in Hierarchically Structured Models
resource model의 필드가 flat한 구조로 배열되어 있다. 즉, 프로퍼티의 계층 구조가 없다. 하지만 이건 resource model의 경우에만 해당된다. JSON, OData Model의 경우 프로퍼티는 계층 구조로 되는 경우가 많다. 따라서 이번 챕터에
9.Data Binding Tutorial - 09 Formatting Values
📌 개요 사용자에게 '홍길동'이라는 사람의 연락할 수 있는 방법을 제공하고자 한다. 우리는 홍길동에게 이메일을 보내는 링크를 추가할 것이다. 이를 위해 Model의 데이터를 sap.m과 일치하도록 변환한다. URLHelper.Email API를 정규화한다, 사용자가
10.Data Binding Tutorial - 10 Property Formatting Using Data Types
SAPUI5는 Boolean, Currency, Date 그리고 Float과 같은 data type을 제공한다. 이러한 data types을 control에 적용하여 화면에 표시된 값의 형식이 올바르게 지정되었는지 확인하고 필드가 입력용으로 열려 있는 경우 사용자가 입
11.Data Binding Tutorial - 11 Validation Using the Message Manager
지금까지, 우리는 그 자체를 올바르게 포맷할 수 있는 currency field를 만들었다. currency data type은 사용자 입력이 currency의 요구 사항을 준수하는지 검증할 수도 있지만, data type validation function은 S
12.Data Binding Tutorial - 12 Aggregation Binding Using Templates
Aggregation binding(또는 list binding)을 사용하면 control이 model data 내의 list에 binding할 수 있게 하고 child controls에 의해 list 항목에 상대적인 binding을 할 수 있다.다음 두 가지 접근 방
13.Data Binding Tutorial - 13 Element Binding
이제 우리는 새로 생성된 목록을 가지고 뭔가를 하고 싶다. 대부분의 경우 목록을 사용하여 항목 선택을 허용한 다음 해당 항목의 상세 내역을 다른 곳에 표시한다. 이를 위해 상대적으로 바인딩된 control이 있는 형태를 사용하고 element binding을 통해 선택
14.Data Binding Tutorial - 14 Expression Binding
Expression binding을 사용하면 일부 model 객체에서 발견된 값에서 계산된 값을 화면에 표시할 수 있다.이렇게 하면 간단한 포맷이나 계산을 데이터 바인딩 문자열에 직접 삽입할 수 있다.이 예에서는 임의의 임계값보다 높거나 낮거나에 따라 가격 색상을 변경
15.Data Binding Tutorial - 15 Aggregation Binding Using a Factory Function
📌 개요 single template control을 하드 코딩하는 대신 factory function을 사용하여 runtime에 수신된 데이터를 기반으로 다른 control을 생성한다. 이 접근 방식은 훨씬 더 유연하며 복잡하거나 이질적인 데이터를 표시할 수 있다.
16.Factory Function
📌 Factory Function factory function은 model data에서 control들을 만드는 강력한 접근 방식이다. factory function은 control의 aggregation의 각 항목을 호출하며 개발자는 각 항목이 서로 다른 속성을