728x90 반응형 Fiori60 [UI5] Table Sort Main.View.xml 정렬할 컬럼에 id idColumnlifnr를 부여한다. Main.Controller.js sap.ui.define([ "sap/ui/core/mvc/Controller", "sap/ui/model/Sorter", "sap/ui/table/library" ], function(Controller, Sorter, library) { "use strict"; //Global var SortOrder = library.SortOrder;사용할 컴포넌트 sorter와 library를 define 해준다. 이후 SortOrder를 전역변수로 선언한다. var oTable = this.getView().byId("Table"); var oProductNameColumn = this.getV.. 2023. 3. 8. [UI5] Filterbar (with OData) view.xml controller - onSearch sap.ui.define([ "sap/ui/model/Filter", "sap/ui/model/FilterOperator", "sap/ui/model/Sorter", var SortOrder = library.SortOrder; return Controller.extend("프로그램명.controller.Main", { oFilter: [], onInit: function() { var oData = { POMonth: null, GRMonth: null, dateFormat: "yyyy-MM", valueFormat: "yyyyMM" }; var oModel = new JSONModel(oData); this.getView().setModel(oM.. 2023. 3. 8. [UI5] 비동기처리와 Promise promise를 왜써야할까? 비동기처리란? https://joshua1988.github.io/web-development/javascript/javascript-asynchronous-operation/ promise를 왜써야할까? 2탄 https://joshua1988.github.io/web-development/javascript/promise-for-beginners/ 2023. 3. 8. [UI5] Fragment dialog this.pDialog의 역할 뷰에 전역으로 변수를 설정해놓고 Fragment가 열린 이력이 있다면 열린애 다시 오픈해주고 없으면 새로만들어줘서 로드하려는 목적 this._Dialog = sap.ui.xmlfragment("Test.view.fragments.Month", this); console.log(this._Dialog); this._Dialog.open(); var oView; oView = sap.ui.fragment({ fragmentName: "Test.view.fragments.Month", type: sap.ui.core.mvc.FragmentType.XML }); if (!this._Dialog) { //this._Dialog가 선언된적없으면 프레그만트가 열린적이 없으므로 Fragm.. 2023. 3. 8. [UI5] Routing Detail Page 항목을 선택하고 Detail 버튼을 클릭하면 Detail Page로 이동해 해당 데이터를 보여준다. 🌞 이전 게시물에서 다 했던 내용들을 종합적으로 다시 해본거기때문에 자세한 설명은 생략한다. 1. manifest.json 수정 (라우팅 설정) "routing": { "config": { "routerClass": "sap.m.routing.Router", "viewType": "XML", "viewPath": "product.view", "controlId": "app", "controlAggregation": "pages", "async": true }, "routes": [{ "pattern": "", "name": "list", "target": "list" }, { "pattern": "deta.. 2023. 3. 8. [UI5] Dialog Detail Page Link column에 링크를 걸어보자. 링크가 걸린 필드를 클릭하면 해당 필드의 값이 Dialog로 뜨게 해본다. App.view.xml 링크는 Link모듈을 사용하면 된다. 링크를 걸 column안에 Label이었던 기존 모듈을 Link로 변경하고 이벤트 함수를 실행시킨다. Dialog.fragment.xml 함수를 구현하기 전에 다이얼로그 창을 먼저 만들어준다. 컨트롤러의 함수에서 Dialog를 사용해야 되서 id를 부여한다. 사용자가 Product Id에서 선택한 값을 띄워야 하기 때문에 VBox의 text에는 사용자가 선택한 Product Id가 들어간다. App.controller.js 먼저 fragment를 사용하기 위해 경로와 매개변수에 fragment를 정의해준다. onDetailDial.. 2023. 3. 8. 이전 1 2 3 4 5 6 ··· 10 다음 728x90 반응형