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="SAPUI5 Simpleform with multiple controls " />
    <meta http-equiv='X-UA-Compatible' content='IE=edge' />
    <meta http-equiv='Content-Type' content='text/html;charset=UTF-8'/>
    
    <title>SAPUI5 Example gbvaibhav</title>
    
    
    <script src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js" 
                id="sap-ui-bootstrap"
                data-sap-ui-libs="sap.m,sap.ui.layout,sap.ui.core" 
                data-sap-ui-xx-bindingSyntax="complex"
                data-sap-ui-theme="sap_bluecrystal"></script>
  <script>
   
    var table = new sap.m.Table({
      mode:sap.m.ListMode.MultiSelect,
          columns:[
            new sap.m.Column({
                hAlign:sap.ui.core.TextAlign.Center,
              header:[
                new sap.m.Text({
                  text:"First Name",
                })
              ]
            }),
            new sap.m.Column({
               hAlign:sap.ui.core.TextAlign.Center,
              header:[
                new sap.m.Text({
                  text:"Last Name",
                })
              ]
            })
          ]
        });
  
    // creating some data for binding 
  var data = {
    results:[    {    first:"Vaibhav",    last:"GB"  },
       {    first:"Anoop",    last:"S"  },
       {    first:"Jk",    last:"Neen bido"  },
       {    first:"Pachu",    last:"Kr"  },
       {    first:"ABS",    last:"hyb"  }    ]
  };
  
  var model = new sap.ui.model.json.JSONModel(data);
     table.setModel(model);
      table.bindAggregation("items",{
        path:"/results",
        template:  new sap.m.ColumnListItem({
              cells:[
                new sap.m.Text({
                  text:"{first}"
                }),
                 new sap.m.Text({
                  text:"{last}"
                })
              ]
            })
      })
  var button = new sap.m.Button({
    text:"get Selected Index",
    press:function(){
        var items= "";
jQuery.each(table.getSelectedContextPaths(),function(id,value){
items = items +" " + value;
});
sap.m.MessageToast.show(items);
    }
  });
    var button2 = new sap.m.Button({
      text:"get selcted First Name ",
      press:function(){
            var items= "";
jQuery.each(table.getSelectedItems(),function(id,value){
items = items +" " + value.getCells()[0].getText();
});
sap.m.MessageToast.show(items);
      }
    })
  var page = new sap.m.Page({
    title:"SAPUI5 Example gbvaibhav",
    content:[
      table,button,button2
    ]
  });
        // finally place the App into the UI
        var app = new sap.m.App({
                pages: [page]
            }).placeAt("content");
  </script>
</head>
<body>
<div id='content'></div>
</body>
</html>
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers