Quantcast
Channel: SCN: Message List
Viewing all articles
Browse latest Browse all 3462

How to create Nested JS Views in SAPUI5?

$
0
0

Hi All,

     I am creating an app using SAPUI5. In one js view I have a page. In the content of that of page I want call another js view which contains panel.

 

Home.view.js

 

sap.ui.jsview(_app + ".view.Home",{

 

  getControllerName:function(){

  return _app + ".controller.Home";

  },

 

  createContent:function(oController){

 

  var page = new sap.m.Page({

 

  title:"Homepage",

  content : [

            sap.ui.jsview( _app + ".view/HeaderPanel")

           ]         

  })

 

  return page;

  }

 

})

 

 

HeaderPanel.view.js

 

sap.ui.jsview(_app + ".view.HeaderPanel",{

 

  getControllerName:function(){

  return _app + ".controller.HeaderPanel"; 

  },

 

 

  createContent:function(oController){

 

  var panel = new sap.m.Panel({

  headerText:"{messageBundle>panelHeadertext}",

  content:[

 

            new sap.m.Button({

          text:"{messageBundle>buttonText}",

          type:"Emphasized",

          press:[oController.onButtonClick,oController]

            }).addStyleClass("sapUiSmallMarginEnd"),

            

            new sap.m.Input({

            value : "{/recipient/name}",

//           placeholder:"Enter text"

            valueLiveUpdate: true,

            width : "60%"

            }),

           

            new sap.m.Text({

            text : "Hello" + "  " + "{/recipient/name}",

            }).addStyleClass("sapUiSmallMargin")

          ]

 

  }).addStyleClass("sapUiResponsiveMargin");

 

  return panel;

 

  }

 

});

 

While executing this code I am getting an error.

 

Uncaught TypeError: t.createContent is not a function..


Viewing all articles
Browse latest Browse all 3462

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>