コントローラ、ビュー、Jsファイル、htmlを持っている場合、OPenUI5でビューをレンダリングする方法は？

Question

以下のリンクで私はOpenUi5のチュートリアルチュートリアルを持っています。私は各章を辿っているので、実装しようとしています。フォルダ構造は ルートフォルダ - > WebContent - > webApp - > [リンク内のすべてのファイル]です。私は定義したコードをモジュール化しようとしています 1.コントローラ（事前定義された関数）2.ビュー：Webページ上に表示するコンポーネントを定義する場所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は、あなたの更新されたコードです。