안녕하세요! SAP/UI5 썸네일형 리스트형 [ SAPUI5 ] Smart Field with Smart Link ○ 바인딩할 데이터에 링크를 연결해 view에서 보여주기 - [ SmartLink.view.xml ] - [ SmartLink.controller.js ] sap.ui.define([ 'sap/ui/core/mvc/Controller', 'sap/ui/demo/smartControls/test/service/UShellCrossApplicationNavigationMock' ], function(Controller, UShellCrossApplicationNavigationMock) { "use strict"; return Controller.extend("sap.ui.demo.smartControls.SmartLink", { onInit: function() { this.getView().bindEle.. 더보기 [ 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.. 더보기 이전 1 2 3 4 5 ··· 11 다음
