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>SAPUI5 single file template | nabisoft</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-libs="sap.m"
            data-sap-ui-bindingSyntax="complex"
            data-sap-ui-compatVersion="edge"
            data-sap-ui-preload="async"></script>
            <!-- use "sync" or change the code below if you have issues -->
 
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-maskmoney/3.0.2/jquery.maskMoney.min.js"></script>
      
        <!-- XMLView -->
        <script id="myXmlView" type="ui5/xmlview">
            <mvc:View
                controllerName="MyController"
                xmlns="sap.m"
                xmlns:core="sap.ui.core"
                xmlns:mvc="sap.ui.core.mvc"
                xmlns:cit="control.customInputTypes">
 
                <cit:NumericInput value="1219999234" />
 
            </mvc:View>
        </script>
 
        <script>
            sap.ui.getCore().attachInit(function () {
                "use strict";
 
                //### Custom Control ###
                // remove the first parameter in "real" apps
                sap.ui.define("control/customInputTypes/NumericInput",[
                    "jquery.sap.global",
                    "sap/m/Input",
                    "sap/m/InputRenderer"
                ], function(jQuery, Input, InputRenderer) {
                    "use strict";
 
                    return Input.extend("control.customInputTypes.NumericInput", {
                      
                        init : function () {
                          this.addEventDelegate({
                            onAfterRendering : function(){
                              var $input = jQuery("#"+this.getId()+"-inner");
                              $input.maskMoney({
                                thousands : ".",
                                decimal : "," 
                              }).maskMoney("mask");
                            }.bind(this)
                          });
                        },
                        
                        renderer : InputRenderer
                      
                    });
                });
 
                //### Controller ###
                sap.ui.define([
                    "sap/ui/core/mvc/Controller"
                ], function (Controller) {
                    "use strict";
 
                    return Controller.extend("MyController", {
                        onInit : function () { 
                          
                        }
                    });
                });
 
                //### THE APP: place the XMLView somewhere into DOM ###
                sap.ui.xmlview({
                    viewContent : jQuery("#myXmlView").html()
                }).placeAt("content");
 
            });
        </script>
 
    </head>
 
    <body class="sapUiBody">
        <div id="content"></div>
    </body>
</html>
Output 300px

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

Dismiss x
public
Bin info
anonymouspro
0viewers