title: SapUI5 - How can i bind an object Master-Detail page?
body: <p>I'm trying to bind and present an element to a detail page, but no success about it.</p>
  
  <p>the master page is displayed well and present the data.
  but when i want to present the item on a detail page the data doesn't displayed.
  *for fetching all the data i use an API request</p>
  
  <p>I'm not sure what am i doing wrong.</p>
  
  <p>Heres the code:</p>
  
  <p><strong>Controller.Overview.js</strong></p>
  
  <pre><code>            var data =  {id: 19265, typeId: 5, foreignKeyId: 1, foreignKeyTextId: "316e2c71-d1d1-f73c-4696-70912d6cf240", value: 0, Name: "jim"}
                          ,{id: 19268, typeId: 5, foreignKeyId: 1, foreignKeyTextId: "316e2c71-d1d1-f73c-4696-70912d6cf240", value: 0, Name: "john"}
  
              var newArr2 = {"Overview" : data};
                          oModel.setData(newArr2);
                          oView.setModel(oModel);
  
              onListItemPressed : function(oEvent){
                  var oItem, oCtx;
  
                  oItem = oEvent.getSource();
                  oCtx = oItem.getBindingContext();
  
                  this.getRouter().navTo("overviewItem",{
                      OverviewId : oCtx.getProperty("OverviewId")
                  });
  
              }
  </code></pre>
  
  <p><strong>Overview.xml</strong></p>
  
  <pre><code>       &lt;List id="dataJS" headerText="dataJS" items="{/Overview}"&gt;
              &lt;items&gt;
                  &lt;StandardListItem
                      title="{foreignKeyTextId}"
                      iconDensityAware="false"
                      iconInset="false"
                      type="Navigation"
                      press="onListItemPressed"/&gt;
              &lt;/items&gt;
          &lt;/List&gt;
  </code></pre>
  
  <p><strong>controller.Overviewitem.js</strong></p>
  
  <pre><code>            return BaseController.extend("com.sap.it.cs.itsupportportaladmin.controller.feedbackanalytics.OverviewItem", {
  
                      _formFragments: {},
  
                      onInit: function () {
                          var oRouter = sap.ui.core.UIComponent.getRouterFor(this);
                          oRouter.getRoute("overviewItem").attachMatched(this._onRouteMatched, this);
                      },
  
                      _onRouteMatched : function (oEvent) {
                          var oArgs, oView;
                          oArgs = oEvent.getParameter("arguments");
                          oView = this.getView();
  
                          oView.bindElement({
                              path : "/Overview(" + oArgs.OverviewId + ")",
                              events : {
                                  change: this._onBindingChange.bind(this),
                                  dataRequested: function (oEvent) {
                                      oView.setBusy(true);
                                  },
                                  dataReceived: function (oEvent) {
                                      oView.setBusy(false);
                                  }
                              }
                          });
                      },
  
                      _onBindingChange : function (oEvent) {
                          // No data for the binding
                          if (!this.getView().getBindingContext()) {
                              this.getRouter().getTargets().display("notFound");
                          }
                      }
  
                  });
  </code></pre>
  
  <p><strong>OverviewItem.xml</strong></p>
  
  <pre><code>            &lt;mvc:View
                  controllerName="com.sap.it.cs.itsupportportaladmin.controller.feedbackanalytics.OverviewItem"
                  xmlns="sap.m"
                  xmlns:mvc="sap.ui.core.mvc"
                  xmlns:f="sap.ui.layout.form"
                  busyIndicatorDelay="0"&gt;
                  &lt;Page
                      id="overviewPage"
                      title="{Name}"
                      showNavButton="true"
                      navButtonPress="onNavBack"
                      class="sapUiResponsiveContentPadding"&gt;
                      &lt;content&gt;
                          &lt;Panel
                              id="employeePanel"
                              width="auto"
                              class="sapUiResponsiveMargin sapUiNoContentPadding"&gt;
                              &lt;headerToolbar&gt;
                                  &lt;Toolbar&gt;
                                      &lt;Title text="{OverviewId}" level="H2"/&gt;
                                      &lt;ToolbarSpacer /&gt;
                                      &lt;Link text="{i18n&gt;FlipToResume}" tooltip="{i18n&gt;FlipToResume.tooltip}" press="onShowResume" /&gt;
                                  &lt;/Toolbar&gt;
                              &lt;/headerToolbar&gt;
                          &lt;/Panel&gt;
                      &lt;/content&gt;
                  &lt;/Page&gt;
              &lt;/mvc:View&gt;
  </code></pre>