2016-04-04 5 views
1

Scrollen. Ich benutze eine sap.ui.ux3.Shell und füllen Sie die Shell-Leinwand mit einer Menge Daten und ich kann perfekt auf meinem scrollen Desktop (Laptop) mit dem Chrome-Browser aber aus irgendeinem Grund funktioniert die Schriftrolle nicht auf Iphone 6 (plus). Die Scroll funktioniert auf Android-Handys, funktioniert aber nicht auf dem iPhone. Unten ist der Code, den ich verwende. Wie Sie unten sehen, erstellt der Code im Grunde nur die Shell und füllt die Shell mit einigen Testdaten über die for-Schleife. Dieser Code befindet sich in der createContent-Methode einer JavaScript-Ansicht im SAPUI5-Projekt.Kann nicht auf dem iPhone bei der Verwendung von sap.ui.ux3.Shell für SAPUI5 Projekt

var oShell = new sap.ui.ux3.Shell("myShell", { 
     appTitle:"Promo Verification System", 
      fullHeightContent : true, 
      worksetItems: [new sap.ui.ux3.NavigationItem("home",{key:"sh_1",text:"Home"}),  
          ], 

     }); 

    for(i=0;i<1000;i++){ 
    oShell.addContent(new sap.m.Label({ 
     text : 'Admin Screenshots' 
    })); 
    } 
     this.addContent(oShell); 

Genau so, wenn es hilft, der fullHeightContent als wahr ermöglicht das Scrollen im Browser auf meinem Laptop oder Desktop-Einstellung. Aber ich habe keine Ahnung, warum es auf Iphone nicht funktioniert.

+1

Fyi, wird die sap.ui.ux3 Bibliothek nicht offiziell iOS unterstützen: https://sapui5.hana.ondemand.com/#docs/guide/91f072cf6f4d1014b6dd926db0e91070.html – hirse

+0

Ja, aber der Link https: //sapui5.hana.ondemand.com/#docs/guide/91f072cf6f4d1014b6dd926db0e91070.html benutzt sap.ui.ux3 und wenn du diesen Link auf deinem iPhone öffnest, rendert es ohne Probleme und es ist scrollbar. Wie also hat SAP es mit sap.ui.ux3 erstellt? –

Antwort

1

Die Lösung gefunden. Sie benötigen dazu einen Scroll-Container. Fügen Sie den Inhalt einfach dem Scroll-Container anstelle der Shell hinzu und fügen Sie dann den Scroll-Container zur Shell hinzu. Ich füge den folgenden Code ein. Das Wichtigste ist, dass Sie die Höhe des Scroll-Containers einstellen müssen, sonst wird es nicht funktionieren.

   var mscroll = new sap.m.ScrollContainer("mScroll", { 
        height: '600px', 
        vertical: true, 
       }); 

      var oShell = new sap.ui.ux3.Shell("myShell", { 
    appTitle:"Promo Verification System", 
     fullHeightContent : true, 
     worksetItems: [new sap.ui.ux3.NavigationItem("home",{key:"sh_1",text:"Home"}),  
         ], 

    }); 

       for(i=0;i<1000;i++){ 
        mscroll.addContent(new sap.m.Label({ 
        text : 'Admin Screenshots' 
        })); 
       } 


         oShell.addContent(mscroll); 
         this.addContent(oShell);