UI5 Komponente Konzept Ausgabe

Ich versuche, die Komponente Konzept für UI5 und haben gerade gebaut, der unten:

Index.html snippet:

<script src="resources/sap-ui-core.js"
                id="sap-ui-bootstrap"
                data-sap-ui-libs="sap.m"
                data-sap-ui-theme="sap_bluecrystal"
                data-sap-ui-resourceroots='{
                "sap.ui.ui5test.myapp": "./"
            }'>
        </script>
        <!-- only load the mobile lib "sap.m" and the "sap_bluecrystal" theme -->

        <script>
        new sap.m.Shell({
            app : new sap.ui.core.ComponentContainer({
                name : "sap.ui.ui5test.myapp"
            })
        }).placeAt("content");

        </script>

Component.js snippet:

jQuery.sap.declare("sap.ui.ui5test.myapp.Component");

sap.ui.core.UIComponent.extend("sap.ui.ui5test.myapp.Component", {

        createContent : function() {
            var oView = new sap.ui.core.mvc.View({
                id : "testview",
                name : "sap.ui.ui5test.myapp.views.FirstView",
                type : "JS",
                viewData : {component : this}
            });

            var jsonModel = new sap.ui.model.json.JSONModel();
            jsonModel.loadData('http://api.openweathermap.org/data/2.5/weather?q=Auckland');
            //jsonModel.loadData('http://api.openweathermap.org/data/2.5/group?id=524901,703448,2643743&units=metric');
            sap.ui.getCore().setModel(jsonModel);

            oView.setModel(jsonModel);


        }

});

In der obigen snippet für component.js wenn ich zurück Blick zurück oView; es gibt mir die Fehlermeldung "Uncaught TypeError: undefined ist nicht eine Funktion". Es geht Weg, sobald ich entfernen die return-Anweisung.

Wenn ich nicht zurück der Blick ist es, navigieren Sie zu der Ansicht, ich instanziert und geladen? Wie ich sehe, in den chrome developer tools, die ich nicht scheinen zu finden, die js-Datei für FirstView, um es zu öffnen, da ich denke, es wird nicht immer geladen.

Bitte vorschlagen, wie dies zu korrigieren, und wie weiter zu navigieren.

Warten auf Ihre prompte Antworten gespannt.

Cheers,
AW

Bitte zeigen mir auch die FirstView.js
createContent : Funktion(oController) { // zu vermeiden scroll-Balken auf desktop-root-Ansicht festgelegt werden muss, zu blockieren anzeigen.setDisplayBlock(true); dies.app = new sap.m.SplitApp(); var masterView = new sap.ui.core.mvc.XMLView({ id : "Meister", // sap.ui.core.ID viewName : "sap.ui.ui5test.myapp.Blick.Meister", // string }); dies.app.addPage(masterView, true); return app; /*return new sap.m.Seite({ title: "Titel", content: [ ] });*/ } Snippet für FirstView.js

InformationsquelleAutor user3905218 | 2014-08-05

  1. 1

    1. Ich habe Ihre FirstView.js. Bitte tun Sie Folgendes in der return-Anweisung:

      return this.app;

      Da es keine lokale variable mit dem Namen der app, wenn Sie schreiben, return app, dann app ist nicht definiert.

    2. Bitte verwenden sap.ui.Blick in Ihre createContent Methode:

           var oView = new sap.ui.view({
        id : "testview",
        viewName : "sap.ui.ui5test.myapp.views.FirstView",
        type : "JS",
        viewData : {component : this}
    });
    Hallo Allen, es ist noch nicht einmal gehen, um die firstview-wie in den ersten Blick ich habe die split-app, aber es zeigt nur mir einem einfachen Bildschirm mit der bluecrystal theme aber nicht die leere splitapp Struktur. Ich lege die return-Anweisung in der component.js Datei als den root-Ansicht. Also, sobald ich zurück in oView component.js es wirft Fehler. Es ist nicht in der code-snippet oben gegeben, als ich versuchte, es zu testen, aber erwähnt es in den Kommentaren. Ich glaube, ich sollte den root-Blick von der component.js aber nicht in der Lage, die return-Anweisung, und wird die oben genannten Fehler.
    Bitte siehe meine aktualisierte Antwort.
    Hallo Allen, für einige Gründe, warum ich war nicht in der Lage zu finden, die sap.ui.Ansicht-und das ist das, was ich suchte. Aber wieder habe ich gesucht und jetzt bin ich in der Lage, es zu finden. Vielen Dank an Euch. Aber jetzt gibt es mir diese Fehlermeldung, sobald ich es tun. "Uncaught TypeError: Cannot read property 'ersetzen' of undefined". Bitte vorschlagen.
    Trotzdem danke Allen. Seine jetzt behoben.
    Wow. Ok. Ich bin froh, dass es geklärt ist.

    InformationsquelleAutor Haojie

Schreibe einen Kommentar