안녕하세요! SAP 썸네일형 리스트형 [ 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 더보기 [ SAPUI5 ] Responsiveness [ InvoiceList.view.xml ] 더보기 [ SAPUI5 ] Custom Controls ○ ProductRating.js - metadata 1) 데이터 구조 정의를 통해 control API 역할 수행 2) getter, setter 메서드 자동 생성 - renderer 1) control이 view에서 인스턴스화될 때마다 앱의 DOM 트리에 추가될 HTML 구조 정의 2) control 속성 변경될 때마다 호출됨 3) oRM : 문자열 작성 및 HTML 페이지에 속성을 제어하는 데 사용할 수 있는 SAPUI5 렌더링 관리자 - properties 1) value * 사용자가 선택한 값을 보유할 컨트롤 속성값 정의 * Getter, Setter 함수 자동 생성 * 원하는 경우, XML view에서 데이터 모델의 필드에 바인딩 - Aggregations 1) _rating : A sap.m.. 더보기 [ SAPUI5 ] Routing Back and History ○ Detail.view.xml - showNavButton : true로 설정 - navButtonPress : '.onNavBack' 지정 ○ Detail.controll.js - getPreviousHash() : 이전 hash로 돌아감 - window.history.go(-1) : 이전 페이지가 있다면 클릭 시, 이전 페이지로 돌아 더보기 이전 1 ··· 14 15 16 17 18 19 20 다음
