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 http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta charset="UTF-8">
    <title>MVC</title>
    <script id="sap-ui-bootstrap" type="text/javascript"
            src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"
            data-sap-ui-theme="sap_bluecrystal"
            data-sap-ui-libs="sap.m,sap.ui.table"
            data-sap-ui-xx-bindingSyntax="complex">
    </script>
​
    <script id="oView" type="sapui5/xmlview">
    <mvc:View height="100%" controllerName="myView.Template"
      xmlns="sap.m" 
      xmlns:core="sap.ui.core"
      xmlns:mvc="sap.ui.core.mvc"
      xmlns:table="sap.ui.table">
​
    <table:Table id="Table1" rows="{/}"
      selectionMode="None">
      <table:columns>
        <table:Column>
         <Label text="Employee name"/>
         <table:template>
           <Text text="{name}" ></Text>
         </table:template>
        </table:Column>
        <table:Column>
          <Label text="Company"/>
          <table:template>
            <Text text="{company}"></Text>
          </table:template>
        </table:Column>
        <table:Column>
         <Label text="Checkbox"/>
         <table:template>
           <CheckBox selected="{selected}" 
             select="checkBoxChanged"/>
         </table:template>
        </table:Column>
        <table:Column>
         <Label text="Bonus"/>
         <table:template>
           <Input value="{bonus}" 
             change="inputChanged"/>
         </table:template>
        </table:Column>
      </table:columns>
​
    </table:Table>
   </mvc:View>
    </script>
​
  </head>
​
  <body class="sapUiBody" role="application">
    <div id="content"></div>
  </body>
​
</html>
Output

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

Dismiss x
public
Bin info
dennisseahpro
0viewers