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 charset="utf-8">
    <title>JS Bin</title>
    <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-xx-bindingSyntax="complex" 
            data-sap-ui-libs="sap.m"></script>
  </head>
  <body class="sapUiBody sapUiSizeCompact">
    <div id='content'></div>
  </body>
</html>
 
sap.ui.define([
  "sap/m/Button",
  "sap/m/Table",
  "sap/m/Column",
  "sap/m/ColumnListItem",
  "sap/m/StandardListItem",
  "sap/m/Text",
  "sap/ui/model/json/JSONModel"
], (Button,Table, Column, ColumnListItem, StandardListItem, Text, JSONModel) => {
  var oTable = new Table ({
    mode: "MultiSelect",
    columns: [
      new Column({
        width: "200px",
        header : new Text({text : "Identifier"})
      }),
    ],
    items: {
      path: '/',
      template: new sap.m.ColumnListItem({  
        cells : [
          new Text({text : "{displayName}"})
        ]
      })
    },
    selectionChange: function() {
      oModel.setProperty("/btnEnabled", this.getSelectedItems().length > 0);
    }
  });
​
  oTable.setModel(new JSONModel([
    { displayName: "John Doe"},
  ]));
​
  oTable.placeAt("content");
  
  var oModel = new JSONModel({
    btnEnabled: false
  });
  
  var oBtn = new Button({
    text: "Submit",
    enabled: "{/btnEnabled}"
  });
  oBtn.setModel(oModel)
  oBtn.placeAt("content");
});
​
​
​
​
Output

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

Dismiss x
public
Bin info
dennisseahpro
0viewers