Skip to Content
0
Former Member
Nov 12, 2014 at 01:31 PM

Problem while using m.scrollcontainer

727 Views

Hi All,

I am using scrollcontainer in one of my trainning programme.During which i am facing output which is not expected.

Please go through the code which is the view in MVC architecture.If i am removing the page it is working fine.But with page i am not getting exact output.I am attchning the output for referce.The part which i mentinoed in red color is where scroll container is working instead of entire page.Please help to resolve

sap.ui.jsview("panel.Panel", {

getControllerName : function() {

return "panel.Panel";

},

createContent : function(oController) {

var pan = new sap.m.Panel({

headerToolbar : new sap.m.Toolbar({content : [new sap.m.Button({text : "Hii"})],width : "100px"}),

content : [new sap.m.Text({text : "Hello"})],

expandable : true,

expanded : true,

height : "800px",

width : "900px",

expand : function(){

alert("pan");

}

});

var pan1 = new sap.m.Panel({

headerToolbar : new sap.m.Toolbar({content : [new sap.m.Button({text : "Hii1"})],width : "100px"}),

content : [new sap.m.Text({text : "Hello"})],

expandable : true,

expanded : true

});

var hbo = new sap.m.HBox({

items : [pan,pan1]

});

var pag1 =new sap.m.Page({

content : [hbo]

});

var schrlco = new sap.m.ScrollContainer({

vertical : true,

horizontal : true,

width : "100%",

height : "100%"

});

schrlco.addContent(pag1);

return (schrlco);

}

});

Attachments