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>SCN - convert integer</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.ui.commons"
                data-sap-ui-xx-bindingSyntax="complex">
        </script>
        
        <script>
    /*** DEFINE RE-USE COMPONENTS - NORMALLY DONE IN SEPARATE FILES ***/
        
    // define a new (simple) Controller type
    sap.ui.controller("my.own.controller", {
        // implement an event handler in the Controller
        doSum: function(oEvent){
            // data casting multiple by 1 
            var value1 = sap.ui.getCore().byId("input1").getValue() * 1;
​
            // using parseInt
            var value2 = sap.ui.getCore().byId("input2").getValue() * 1;
            var sum = value1 + value2;
            sap.ui.getCore().byId("myOutput").setValue(sum);
        }
    });
​
    // define a new (simple) View type
    sap.ui.jsview("my.own.view", {
        // define the (default) controller type for this View
        getControllerName: function() {
            return "my.own.controller";
        },
            
        // defines the UI of this View
        createContent: function(oController) {
            //Create a panel instance
            var oPanel = new sap.ui.commons.Panel();
            var oInput1 = new sap.ui.commons.TextField({id: "input1"});
            var oInput2 = new sap.ui.commons.TextField({id: "input2"});
            var oOutput = new sap.ui.commons.TextField({id: "myOutput"});
​
            var oButton = new sap.ui.commons.Button({
                text: "Sum Up >> ",
                press: oController.doSum
            });
​
            oPanel.addContent(oInput1);
            oPanel.addContent(oInput2);
            oPanel.addContent(oButton);
            oPanel.addContent(oOutput);
            return oPanel;
        }
    });
        
    // instantiate the View
    var myView = sap.ui.view({type:sap.ui.core.mvc.ViewType.JS, viewName:"my.own.view"});
​
    // put the View onto the screen
    myView.placeAt('content');
​
        </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
vladimirsSpro
0viewers