Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE HTML>
<html>
​
<head>
  <meta name="description" content="set binding context">
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta charset="UTF-8">
​
  <title></title>
​
  <script id="sap-ui-bootstrap" type="text/javascript" src="https://sapui5.ap1.hana.ondemand.com/resources/sap-ui-cachebuster/sap-ui-core.js" data-sap-ui-theme="sap_bluecrystal" data-sap-ui-libs="sap.m" data-sap-ui-xx-bindingSyntax="complex">
  </script>
​
  <!-- XML-based view definition -->
  <script id="view1" type="sapui5/xmlview">
    <mvc:View controllerName="local.controller" xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m">
      <App>
        <Page title="My View" id="page">
          <List id="idListAuctions" items="{auctions>/Auctions/0/AuctionsTypes}" mode="SingleSelectMaster" select="onPressGoToMaster2">
            <items>
              <StandardListItem title="{auctions>AuctionType}" type="Navigation" />
            </items>
          </List>
          <List id="idListAuctionsDetail" mode="SingleSelectMaster" select="handleListSelect" items="{auctions>Auctions}">
            <items>
              <StandardListItem title="{auctions>AuctionID}">
​
              </StandardListItem>
            </items>
          </List>
        </Page>
      </App>
    </mvc:View>
  </script>
​
​
</head>
​
<body class="sapUiBody" role="application">
  <div id="content"></div>
</body>
​
</html>
 
jQuery.sap.require("sap.m.MessageToast");
​
// Controller definition
sap.ui.controller("local.controller", {
​
  onInit: function() {
    var data = {
      "Auctions": [{
        "AuctionsTypes": [{
          "AuctionType": "Contract",
          "Auctions": [{
            "AuctionID": "1111"
          }, {
            "AuctionID": "2222"
          }]
        }, {
          "AuctionType": "Delivery",
          "Auctions": [{
            "AuctionID": "8888"
          }, {
            "AuctionID": "9999"
          }]
        }]
      }]
    };
    var oAuctionsModel = new sap.ui.model.json.JSONModel(data);
​
    sap.ui.getCore().setModel(oAuctionsModel, "auctions");
  },
  onPressGoToMaster2: function(oEvent) {
    var item = oEvent.getParameter("listItem");
    var context = item.getBindingContext("auctions");
        var list = this.byId("idListAuctionsDetail");
    list.setBindingContext(context, "auctions");
  }
​
});
​
// Instantiate the View, assign a model and display
var oView = sap.ui.xmlview({
  viewContent: jQuery('#view1').html()
});
oView.placeAt('content');
Output

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

Dismiss x
public
Bin info
dopedevpro
0viewers