안녕하세요! Odata 썸네일형 리스트형 [ SAPUI5 ] Navigation and Routing - 7 ○ 직원 리스트에서 각 직원의 상세 정보 보여주기 - [manifest.json] 1) 직원 정보가 저장돼 있는 데이터 모델에서 각 직원의 entity가 EmployeeID로 식별돼 있음 2) 새로운 'pattern'으로 'employees'에 이어 '{employeeId}' 값을 하위 경로로 설정 - [Employee.view.xml] - 'onInit' 1) 'oRouter' : 'getRouter()' 메서드 사용 2) 'employee'를 경로로 가지는 'getRoute()' 메서드에서 'this._onRouteMatched'와 일치하는 'oRouter' 설정 - '_onRouteMatched' 1) 변수 'oArgs', 'oView' 선언 * oArgs : 'oEvent'에서 'arguments.. 더보기 [ SAPUI5 ] Navigation and Routing - 5 ○ 뒤로가기 버튼을 눌러 Home.view로 되돌아가기 - [Home.view.xml] - [Home.controller.js] 1) onDisplayNotfound 핸들러 기능 설정 2) 'getRouter()' 메서드에서 getTargets() 메서드를 불러와 'display("notFound")' 호출 * 'name'이 'notFound'로 연결된 view는 Hash를 변경하지 않고 라우터를 통해 표시됨 * 'getTargets()' 호출로 'sap.m.routing.Targets' 객체를 가져옴 3) Not Found Button을 누르면 URL을 변경하지 않고 'notFound'가 표시됨 - [Home.controller.js]의 'display("notFound")'에 'fromTarget'을.. 더보기 [ SAPUI5 ] / OData V4 - Create and Edit(2) ○ App.conteroller.js - onMessageBindingChange 1) 변수 'aContexts'에 'oEvent'의 source의 contexts와 'aMessages', 'false' 초기화해 둔 'bMessageOpen'를 설정하자. 2) 'false'값을 가지는 'bMessageOpen'이거나, aContexts의 문자열의 길이가 아니라면 값을 반환토록 한다. 3) 'oContext'를 파라미터루 두는 객체를 반환하는 'aContexts'를 매핑하는 'aMessages' 값을 설정한다. 4) 'removeMessages'로써 'aMessages'가 불필요하게 쌓이지 않도록 삭제한다. - onResetChanges 1) App.view.xml 'table'의 id 'peopleLis.. 더보기 [ SAPUI5 ] / OData V4 ○ manifest.js - mockserver.js 1) 모의 서버 구현 포함 2) 모의서버는 TripPin 서비스에 대한 특정 유형의 요청을 시뮬레이션 하는 데에만 사용됨 - metadata.xml 1) entity 유형 및 세트 포함한 서비스 메타데이터 포함 2) request 및 response가 가능한 데이터 구조를 정의해놓은 곳 - people.json 1) 애뮬레이트된 OData의 response에 데이터를 추가하기 위해서는 JSON 파일에 맞는 데이터 유형에 대한 entiy 저장 2) 모의 서비스 response에 사용되는 일부 데이터 포함 3) UserName, Age, FisrtName, LastName 값 정의 ○ App.controller.js - hasPendingChanges().. 더보기 [ SAPUI5 ] / OData with BAS / Flexible Column Layout ○ Layout 설정 변경 - webapp 우클릭 및 show page map 선택 - 우측의 설정에서 Flexible Column Layout으로 이동 1) Standard Layout에서 Flexible Column Layout으로 변경 2) Mid-Expanded 선택 - 아래와 같이 레이아웃 변경 확인 더보기 [ SAPUI5 ] / OData with BAS / Extend the Object Page ○ Details and Overview - FieldGroup에 'description' 추가 - Incident Description 생성 여부 확인 - 새로운 Field Group 추가 - 'Facets'에 'GeneralInformation' 추가 - Generation Information 추가 여부 확인 - Show Page Map 선택 - 수정 버튼 클릭 - Sections의 Custom section 추가 - ProcessingTiomeSection 생성 여부 확인 - 'LineItem'에 'stepStatus' 값 추가 더보기 [ SAPUI5 ] / OData with BAS / Additional Annotation ○ Filter Bar의 어노테이션 정의 - 'SelectFields'에 'category_code' 추가 - Category 추가 여부 확인 ○ ValueList - $Type 1) ValueListParameterInOut : 데이터 필터링을 위한 파라미터에 사용 2) ValueListParameterDisplayOnly : 선택된 데이터 나열만을 위한 파라미터에 사용 3) LocalDataProperty : source entity 속성 4) ValueListProperty : 데이터 요청값 설정, 필터 표시줄과 테이블에 표시되는 속성 - CollectionPath : 데이터 요청하도록 설정된 entity 정의 - 'title' 추가 - ListReport 선택 - 'Table' 클 더보기 [ OData ] with BAS / 개발 환경 설정 및 Fiori 생성 ○ Clone from Git - https://github.com/SAP-samples/fiori-elements-incident-management.git ○ npm install - SAP Fiori elements application에 실행에 필요한 npm package repository와 모든 모듈을 설치 ○ npm i @sap/cds-dk -g - Fiori element application를 생성하기 위해 필요한 command line client과 development toolkit 사용 ○ Application Generator - 좌측 상단의 툴바에서 View - Command Palette 클릭 - Application Generator 검색 및 Fiori: Open Applic.. 더보기 이전 1 2 3 다음
