Question

所以在下面的链接中我有一个OpenUi5的演练教程，我正在尝试实现它，因为我正在完成每一章。文件夹结构是根文件夹 - ＆gt; Web内容 - ＆gt; webApp - ＆gt; [链接中的所有文件]。我试图模块化我定义的代码 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是您的更新代码。

如果我有一个控制器，视图，一个Js文件和HTML，如何在OPENUI5中呈现一个视图？

1 个答案: