컨트롤러, 뷰, Js 파일 및 html이있는 경우 OPenUI5에서 뷰를 렌더링하는 방법은 무엇입니까?

Question

그래서 아래 링크에서 OpenUi5에 대한 연습 안내서를 가지고 있으며 각 장을 다룰 때이를 구현하려고합니다. 폴더 구조는 루트 폴더 -> WebContent -> webApp -> [링크의 모든 파일]입니다. 내가 정의한 코드를 모듈화하려고합니다. 1. 컨트롤러 (미리 정의 된 함수가 있음) 2. 뷰 : 웹 페이지를 통해 표시 할 구성 요소를 정의합니다. 3. JS 파일 : 앱을 초기화하고 배치 할 위치입니다. . 4. Index.html. 튜토리얼을 진행하면서 XML 기반 뷰를 사용하면서 혼란스러워졌으며 JS 뷰를 사용해 보려고 생각했다. 내 View.js 파일에 정의 된 구성 요소를 본문 부분에 삽입 한 다음 나중에 컨트롤러에 기능을 추가하는 방법은 무엇입니까? 어떻게이 경우 종속성을 정의하려면?`sap.ui.controller ('Demo.controller'를, {

onInit : function(){}, 

onBeforeRendering : function(){}, 

onAfterrendering : function(){}, 

onExit : function(){}, 

})

/*이 내 시야인가 ??? 이 뷰에서 함수를 호출하고 내 컨트롤러에 어떻게 정의합니까? 그리고 컨트롤러에서 종속성을 어떻게 선언해야합니까? 그리고 제 기능을 어디에 써야합니까?

var oCore = sap.ui.getCore(); 
oCore.attachInit(function(){ 
    new sap.m.Text({ 
     text: "Hello and Welcome to SAP" 
    }).placeAt("content1"), 
    new sap.m.Button({ 
     text:"Press Me!!", 
     press: function(){ 

      alert("Hello there"); 
      // I need to call a function onShowPress() over here 
     } 
    }).placeAt("content2") 
}); */ 

https://plnkr.co/edit/2n0BTOtjCXpssAXNAoY6 어떤 제안이나 팁 정말 도움이 바른 길에 저를 넣어 것입니다. 미리 감사드립니다.

Answer 1

업데이트합니다 Demo.view.js 다음과 같이

createContent: function(oController){ 
     console.log("This is where UI VIEW goes"); 

     var oText = new sap.m.Text({ 
      text: "Hello and How are you doing today ??" 
     }); 


     return new sap.m.Page({ 
      title: "Page Title", 
      content: [ 
       oText 
      ] 
     }); 
    } 

Here이 업데이트 된 코드입니다.