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' />
    <title>Hello JSConf</title>
    
    <script id='sap-ui-bootstrap' type='text/javascript'
            src='https://openui5.hana.ondemand.com/resources/sap-ui-core.js'
            data-sap-ui-theme='sap_bluecrystal'
            data-sap-ui-libs='sap.m'></script>
    
    <script type="text/javascript">
        sap.ui.getCore().attachInit(function () {
            // create a mobile app and display page1 initially
            var app = new sap.m.App("myApp", {
                initialPage: "page1"
            });
          
           var oJsonModel = new sap.ui.model.json.JSONModel({PersonnelNo:"12345",OtherInfo:"ABC"});
          
           var oPersonnelNo = new sap.m.Input({value:"{/PersonnelNo}"});
          var oOtherInfo = new sap.m.Input({value:"{/OtherInfo}"});
           var oResetButton = new sap.m.Button({
                               text:"Reset",
                               press: function(oEvent)
                               {
                                  oJsonModel.setData({PersonnelNo:null},true);
                                 //"true" merges the changes with the existing data,
                                 //notice how the OtherInfo:"ABC" is unchanged
                               }})
            // create the first page
            var page1 = new sap.m.Page("page1", {
                title : "Reset model data",
                content : [oPersonnelNo,oOtherInfo, oResetButton]
            }).setModel(oJsonModel);
            
          
            // add both pages to the app
            app.addPage(page1);
            // place the app into the HTML document
            app.placeAt("content");
        });
    </script>
</head>
<body class="sapUiBody" id="content">
</body>
</html>
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers