title: Javascript execution sequence
body: <p>so I am trying to create a basic list using SAPUI5 and display it on browser. For that I have defined Page->app->Data ->Model->setData->standadrdList->List ->setModel -> add list to the Page. This did not work for me but there were no console errors.Then I did declare the object in sequence as <a href="https://plnkr.co/edit/XOy6FHfGCNLcHdNoCvuc?p=preview" rel="nofollow noreferrer">here</a>. Can someone explain the logic behind this and why. Thanking you.</p>
  
  <pre><code>var oData ={
    Name: "Dinasour",
    Place : "Mammal"
  };
  
  var oModel = new sap.ui.model.json.JSONModel();
  
  oModel.setData(oData);
  
  var oItem = new sap.m.StandardListItem({
    title : "{/Name}",
    description : "{/Place}"
  });
  
  var oList = new sap.m.List({
    headerText:"List Items in a Table",
    items:[
       oItem
      ]
  });
  
  oList.setModel(oModel);
  
  var oPage = new sap.m.Page({
    title:"SAP LIST",
    content:[
       oList
      ]
  });
  
  var oApp = new sap.m.App({
    pages:[oPage]
  }).placeAt("content1"); 
  </code></pre>