Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<script src="https://openui5.hana.ondemand.com/resources/sap-ui-core.js" id="sap-ui-bootstrap" data-sap-ui-theme="sap_bluecrystal" data-sap-ui-libs="sap.m"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
  <script>
    (function () {
      "use strict";
      var detailPage = new sap.m.Page({ 
        title: "firstDetail",
        content: new sap.m.Button({ 
          text: "to page 2",
          press: function () {
            splitApp.toDetail(secondDetailPage.getId(),"show",{foo :"bar"});
          }
        })
      });
      
      var secondDetailPage = new sap.m.Page({ title: "secondDetail"})
      .addEventDelegate({
        onBeforeShow: function(evt) {
          sap.m.MessageToast.show(evt.data.foo)
        }
      });
      
      
      var splitApp = new sap.m.SplitApp({
        detailPages: [detailPage, secondDetailPage]
      });
      
      splitApp.placeAt("content");
    })();
  </script>
  </head>
  
<body id="content" class="sapUiBody">
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers