SAPUI5在视图中创建HTML内容

Question

I am really new with SAPUI5 and I am just trying to make a web interface with 2 pages.

If you're familiar with angularjs, I would like to reproduce what we can do with the ng-view element.

So, how do I integrate the html code to my view?

Here is the code of my actual view:

    sap.ui.jsview("delaware_pimonitor.Dashboard", {


    getControllerName : function() {
        return "delaware_pimonitor.Dashboard";
    },


    createContent : function(oController) {
        var aControls = [];
           var oButton = new sap.ui.commons.Button({
             id : this.createId("MyButton2"),
             text : "Mubutton2"
           });
           aControls.push(oButton);


           return aControls;
    }

});

The examples on internet always show me how to create a button, but that's all...

Answer 1

It is better if you don't use HTML code in sapui5(except for just making some div and appending some controls in it).Do all view related thing in your view. Make a layout in view and put all the controls under that layout and finalLy return it or append in div that you have created in index.html.As for example

sap.ui.jsview("delaware_pimonitor.Dashboard", {


getControllerName : function() {
    return "delaware_pimonitor.Dashboard";
},


    createContent : function(oController) {
        var aControls = [];
           var oButton = new sap.ui.commons.Button({
             id : this.createId("MyButton2"),
             text : "Mubutton2"
           });
           aControls.push(oButton);


           return aControls// or append to div using .placeAt("your div id");
    }
    });

Answer 2

ANSWER HERE

Here is the answer: SHELL - https://sapui5.netweaver.ondemand.com/sdk/#test-resources/sap/ui/ux3/demokit/Shell.html

This allows you to create a panel and add pages or whatever you want inside it. It is basically to make a top menu with each page of the website.

The demo in the last link, don't give all the code source.

So here is the all code, which is actually working now: http://jsbin.com/duwoqova/1/edit

Thanks again