안녕하세요! 분류 전체보기 썸네일형 리스트형 [ SAPUI5 ] SAP Build Zone, standard edition ○ 인스턴스 생성 - Service MarketPlace에서 SAP Build Zone, standard edition 선택 - Service Plans로 이동해 Create 클릭 - Instance Name 입력 및 Create 클릭 - 자동으로 뜨는 모달창에서 View Instance 클릭 - 인스턴스 생성 확인 인스턴스 생성은 되었으나, security 설정에서부터 진행이 되지 않아, 다른 것을 도전하기로... 더보기 [ 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.. 더보기 [ SAPUI5 ] Accessibility ○ Overview.view.xml - ○ InvoiceList.view.xml - ○ HelloPanel.view.xml - ○ i18n.properties 더보기 [ SAPUI5 ] Content Density ○ Component.js - getContentDensityClass 1) 데스크톱 및 비터치 장치에 최적화된 컴팩트한 크기와 터치 상호작용에 최적화된 모드 등 다양한 크기 표시 2) 클라이언트의 터치 지원을 위해 Device API를 직접 쿼리 3) 터치 상호작용이 지원되지 않는 경우 CSS 클래스 sapUiSizeCompact를 반환 4) 다른 경우, sapUiSizeCopy를 반환 ○ App.controller.js ○ manifest.json - 'false'를 'true'로 변경 더보기 [ SAPUI5 ] Device Adaption ○ HelloPanel.view.xml - expandable ○ component.js ○ Detail.view.xml - responsive="true" : - fullScreenOptimized="ture" : 사용하는 장치의 크기에 따라 장치의 화면에서 view에 추가한 데이터가 다르게 표시됨 ○ Detail.controller.js 더보기 이전 1 ··· 23 24 25 26 27 28 29 ··· 35 다음
