안녕하세요! SAP/UI5 썸네일형 리스트형 [ SAPUI5 ] Smart Filed with Value Help ○ 통화코드를 변경할 수 있게 리스트를 생성하고, 원하는 정보를 검색할 수 있는 검색 필드 만들기 - [ SmartFieldWithValueHelp.view.xml ] - [ SmartField.controller.js ] sap.ui.define([ "sap/ui/core/mvc/Controller" ], function(Controller) { "use strict"; return Controller.extend("sap.ui.demo.smartControls.SmartFieldWithValueHelp", { onInit: function() { this.getView().bindElement("/Products('4711')"); } }); }); - [ metadata.xml ] 더보기 [ SAPUI5 ] Smart Field ○ mock data의 정보를 통화코드와 연결해 화면에 띄우기 - [ SmartField.view.xml ] 1) SmartLabel의 메타 데이터가 SmartField의 바인딩을 통해 제어된다. 2) 둘 간의 연결은 필수이다. - [ SmartFiled.controller.js ] sap.ui.define([ "sap/ui/core/Controller" ], function(Controller) { "use strict"; return Controller.extend("sap.ui.demo.smartControls.SmartFiled", { onInit: function() { this.getView().bindElement("Products('4711')"); } } }); 1) mockdata에 있.. 더보기 [ SAPUI5 ] Rule Builder Control / Decision Table - 5 ○ 사용자가 데이터를 편집 및 수정할 수 있도록 세팅 버튼을 만들어 준다. - [ Page.view.xml ] 1) view에 controller에서 설정해두었던 'id' 'rulebuilder'를 불러와 RuleBuilder를 보여준다. * 'types'를 'DecisionTable'로 설정한다. * 'editable'을 'true'로 설정해 편집 가능토록 해준다. 이번 파트는 굉장히 어려웠다... 다음 복습 때 좀 더 파고들어 보기로 하자! 더보기 [ SAPUI5 ] Rule Builder Control / Decision Table - 4 ○ 룰 빌더 페이지 컨트롤러 계속해서 분석하기 - [ page.controller.js ] loadRequests: function (mPath) { // The mock server does not support 1 to 1 navigation. // Hence we provide the responses directly by adding custom requests to the MockServer var oRresponses = {}; var getData = function(json) { oRresponses = json; }; this.loadJSON(mPath, getData); var aRequests = this.oRuleMockServer.getRequests(); var sMethod =.. 더보기 [ SAPUI5 ] Rule Builder Control / Decision Table - 3 ○ 페이지 컨트롤러 설정 이어 하기 - [ Page.control.js ] handleEditButton: function () { var oEditButton = this.byId("editButton"); var oRuleBuilder = this.byId("ruleBuilder"); var bEdit = (oEditButton.getText() === "Edit"); oRuleBuilder.setEditable(bEdit); oEditButton.setText(bEdit ? "Display" : "Edit"); } 1) oEditButton : 'editButton'을 id로 둔다. 2) oRuleBuilder : 'ruleBuilder'를 id로 둔다. 3) bEdit : 'oEditButton'.. 더보기 [ SAPUI5 ] Rule Builder Control / Decision Table - 2 ○ 조건에 해당하는 결괏값을 보여주는 의사결정 테이블 만들기 - [ Page.view.xml ] 더보기 [ SAPUI5 ] Rule Builder Control / Decision Table - 1 ○ decision table 기본 설명 - Refresh Data Object : 데이터 객체의 속성을 읽고 미리 정의된 결과의 속성을 자동으로 가져온다. - Cut / Copy / Paste 1) Cut : 특정 행을 제거하는 데 사용되며 붙여넣기 옵션을 사용해 decision table의 다른 행에 삽입할 수 있다. 2) Copy : 특정 행을 복제한는 데에 사용되며 붙여넣기 옵션을 사용해 decision table의 다른 행에 삽입할 수 있다. - Hit Policy 1) First Match : rule engine은 조건과 일치하는 첫 번째 항목을 자겨오고 해당 결과가 반환된다. 2) All Match : rule enjine은 조건과 일치하는 모든 항목을 가져와서 결과로 반환한다. - Acc.. 더보기 [ SAPUI5 ] Flexible Column Layout App - Using Page Layout as a Detail Page ○ 데이터에 대한 상세 정보를 보여주는 화면 출력하기 - ObjectPageLayout 1) 앱이 비즈니스 객체와 관련된 정보를 쉽게 표시할 수 있도록 하는 레이아웃을 제공한다. 2) 버전 1.52부터 컨트롤은 sap.f.DynamicPage에서 사용되는 것과 동일한 동적 헤더를 가질 수 있게 되었다. 3) 이동 경로 네비게이션, 네비게이션 작업, 제목 영역을 탭 및 클릭하거나 사용 가능한 화살표 버튼 선택해 머리글 확장 및 축소와 같은 SAP Fiori 기능의 가용성 확보할 수 있게 된다. 4) sap.uxap.ObjectLayout은 정보를 구조화하는 섹션 및 하위 섹션에 래핑된 선택적 앵커 표시줄 및 블록 콘텐츠를 사용해 보다 구조화된 페이지 콘텐츠 제공이 가능해진다. - [ manifest.jso.. 더보기 이전 1 2 3 4 5 ··· 11 다음
