ssunsband

Step 설명SAPUI5애서 resources는 종종 모듈을 가리키기도 합니다. 지난 step의 alert를 sap.m 라이브러리에 있는 Message Toast로 대체합니다. 필요한 모듈을 비동기식으로 로드할 수 있습니다. PreviewMessage Toast는 "Hello World" 메세지를 표시합니다. webapp/controller/App.controller.jssap.ui.define([ "sap/ui/core/mvc/Controller", "sap/m/MessageToast" ], function (Controller, MessageToast) { "use strict"; return Controller.extend("sap.ui.demo.walkthrough.controller.App", ..

Step 설명index.html 파일에 모든 UI를 넣으면 설정이 엉망이 되고 앞으로 많은 일들이 발생할 것입니다. (파일에 코드량이 늘어나 엄청나게 지저분해 지겠죠?) 전용 view에 sap.m.Text 컨트롤을 사용해서 첫번째 모듈화를 해 봅시다.** SAPUI5는 다양한 view 타입(XML, JHTML, JavaScript등)을 제공합니다. 가장 가독성이 높은 코드를 생성하고 controller 로직과 view 선언을 분리하기 위해 XML을 선택하고 있습니다. 그리나 (어떤 view 타입을 사용하더라도) UI의 모습은 바뀌지 않을 것입니다.Preview"Hello World"를 SAPUI5 컨트롤로 표시합니다.(지난 스텝과 화면 변화는 없습니다) webapp/view/App.view.xml (Ne..

Step 설명HTML body의 "Hello World" 텍스트 대체에 SAPUI5 컨트롤 cap.m.Text를 사용하여 첫번째 UI를 빌드 할 차례입니다. 처음에 UI 설정을 위해서 JavaScript 컨트롤 인터페이스를 사용합니다. 컨트롤 인스턴스는 HTML body에 위치합니다. Preview"Hello World" 텍스트는 SAPUI5 컨트롤에 의해서 표시됩니다. webapp/index.html dialog를 띄우기 위해 순수 JavaScript를 사용하는 대신에 간단한 SAPUI5 컨트롤을 사용하려고 합니다. 컨트롤은 화면의 일부 동작과 모양을 정의하는데 사용합니다. 위의 예제에서 init 이벤트의 콜백은 SAPUI5 텍스트 컨트롤을 인스턴스화 하는 곳입니다. 컨트롤 이름에 텍스트 컨트롤 라이브..

Step 설명SAPUI5로 무언가 하기 전에 로딩하고 초기화 작업이 필요합니다. SAPUI5를 로딩하고 초기화하는 프로세스를 "bootstrapping"이라고 부릅니다. bootstrapping이 한번 끝나면 간단하게 alert을 띄웁니다. Preview "UI5 is ready"라고 쓰여진 alert창을 보여줍니다.webapp/index.htmlNoteSAPUI5는 app이 있는 동일 웹서버 또는 다른 서버에서 로드할 수 있는 JavaScript 라이브러리 입니다. 이 튜토리얼에 있는 코드 예제들은 항상 상대 경로로 표시하며 웹서버의 root context의 resources 폴더에 SAPUI5가 로컬로 베포되어 있다고 가정합니다.SAPUI5가 서버 어딘가에 배포되어 있거나 다른 서버를 사용하려는 경우..

Step 설명당신이 알고 있는 SAPUI5는 HTML5 그 자체입니다. 순수 HTML로 된 첫번째 "Hello World"를 만들어 봅시다. Preview브라우저는 "Hello World" 텍스트를 보여줍니다. webapp/index.html (New) Hello World 이 튜토리얼을 통해 만들 모든 app 소스들을 포함할 새로운 'webapp' 폴더를 생성합니다. 따라서 이 폴더를 "app folder"라고 부릅니다.app 폴더에 새로운 시작 HTML 파일인 index.html 을 생성합니다. HTML 문서는 기본적으로 두 부분으로 구성됩니다(head와 body) head 부분은 해당 document를 처리하기 위해 브라우저가 사용합니다. 메타 태그를 사용해 브라우저의 동작에 영향을 줄 수 있습니다..

SAPUI5에서 가장 빈번하게 하는 작업이 데이터 바인딩 작업인거 같다. 이런 빈번하게 일어나는 작업에서 실수가 있게 마련...... 데이터를 바인딩하는 하나의 객체를 다른 두개의 객체에 넣어줬을 때 데이터를 인식하지만 데이터가 표시되지 않을 수 있다. 예를 들어 textview 객체를 만들고 모델을 바인딩한 후 MatrixLayout과 Table에 각각 넣어주줬을 경우 둘 중 하나에서데이터가 표시되지 않는다.var oSampleTV = new sap.ui.commons.TextView();var oSampleML = new sap.ui.layout.MatrixLayout(); var oRow = new sap.ui.commons.layout.MatrixLayoutRow();oSampleML .addRo..

sap.ui.base.EventProvider상속받은 Class : sap.ui.base.Object 메소드 기본 설명 sap.ui.base.EventProvider 이벤트가 발생될 때 다른 오브젝트들이 이벤트를 attach하고 detach할 수 있고 알릴 수 있도록 내부 이벤팅의 기능을 제공한다. attachEvent(sEventId, oData?, fnFunction, oListener?) 주어진 객체와 이벤트 이름으로 이벤트를 등록한다 attachEventOnce(sEventId, oData?, fnFunction, oListener?) 주어진 객체와 이벤트 이름으로 일회용 이벤트를 등록한다. 이벤트가 발생할 때 handle function은 콜 되어 지고 등록되어진 것은 지워진다 detachEve..

sap.ui.base.Object 상속받은 클래스 : 없음 메소드 기본설명 sap.ui.base.Object 모든 SAPUI5 객체의 기본 클래스 getInterface() 해당 객체의 public interface 리턴 참고 : https://sapui5.hana.ondemand.com/ 버전 : 1.24.4

SAPUI5를 구성하는 수많은 Class들이 있지만 가장 기본이 되는 Class들이 있다.이 Class들은 거의 모든 하위 Class들에서 상속을 받는다. 상속을 받은 하위 Class들은 이 기본 Class에 있는Method와 Property들을 자기꺼인양 사용할 수 있고 또한 빈번하게 사용하기 때문에 기본 Class들을 알지 못하고는SAPUI5의 기능들을 제대로 사용하기 어렵다. 이 기본 Class들 중에 가장 대표적인 몇개가 있다. - sap.ui.base.Object- sap.ui.base.EventProvider- sap.ui.base.ManagedObject- sap.ui.core.Element- sap.ui.core.Control 위의 다섯가지 클래스는 정말 기본이 되는 Class이기 때문에 ..