728x90
반응형
안녕하세요
SAP UI5 연습하기 - Walkthrough Tutorial Step5(Controllers) 컨트롤러 부분을 연습해보겠습니다.
App.view.xml 파일에 소스 추가하기
<mvc:View
controllerName="ui5.walkthrough.controller.App"
xmlns="sap.m"
xmlns:mvc="sap.ui.core.mvc">
<Button
text="Say Hello"
press=".onShowHello"/>
</mvc:View>
버튼태그를 통해 버튼을 만든다.
text는 버튼안에 내용이고 press는 버튼을 누르면 작동하는 이벤트명입니다.
controller.js파일 만들기
controller.js 파일을 만들기 위해서는 webapp 폴더 밑에 controller 폴더를 만들고 App.controller.js파일을 생성해줍니다.
sap.ui.define([
"sap/ui/core/mvc/Controller"
], (Controller) => {
"use strict";
return Controller.extend("ui5.walkthrough.controller.App", {
onShowHello() {
alert("Hello World");
}
});
});
return Controller.extend("경로")
여기서 App까지만 적는 이유는 뒤에 무조건 controller.js라고 생각하기 때문에 그래서 controller를 만들 때 뒤에는 무조건
controller를 넣어줘야 한다.
컨트롤러 이름 짓는 방법
1. 컨트롤러의 이름은 대문자로 시작한다.
2. 컨트롤러는 뷰와 동일한 이름을 갖는다 (1:1관계인 경우)
3. 이벤트 핸들러는 접두사로 사용된다 => on
4. 컨트롤러 이름은 항상 *.controller.js 로 끝나야 한다.
감사합니다!
반응형
