SplitContainer should display both Master and Detail Views.

[Former Member]

Hi,

Currently I am facing trouble to display both master and detail views into SplitContainer from root view ( App.View.Js).Please suggest me sample code for achieving this.

I want to put Master and Detail Views along direction of Top and Bottom with SplitContainer as it is not possible with SplitApp.Please suggest alternatives as well.

sap.ui.jsview("sap.ui.demo.myFiori.view.App", {

  getControllerName: function () {

  return "sap.ui.demo.myFiori.view.App";

  },

  createContent: function (oController) {

  // to avoid scroll bars on desktop the root view must be set to block display

  this.setDisplayBlock(true);

  // create app

  this.app = new sap.m.SplitApp();

  // load the master page

  var master = sap.ui.xmlview("Master", "sap.ui.demo.myFiori.view.Master");

  master.getController().nav = this.getController();

  this.app.addPage(master, true);

  // load the Detail page

  var detail = sap.ui.xmlview("Detail", "sap.ui.demo.myFiori.view.Detail");

  this.app.addPage(detail, false);

  return this.app;

  // done

  return this.app;

  }

});

Regards,

Koti Reddy

[PMarti · Accepted solution]

Hi Koti, check this example: SAPUI5 Explored

Regards,

Pau