Scribd Logo
Upload

Welcome to Scribd!

  • Book Material

    Uploaded by

    Bhushan Ishwarkar
    19 views3 pages
    sss

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    sss

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    19 views3 pages

    Book Material

    Uploaded by

    Bhushan Ishwarkar
    sss

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 3

    <!

    DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv='Content-Type' content='text/html;charset=UTF-8'/>
    <title>Your AppTitleGoesHere</title>
    </head>
    <body class="sapUiBody" role="application">
    <div id="content"></div>
    </body>
    </html>

    ===Listing 3.2 Bootstrap Script===


    <script
    id="sap-ui-bootstrap"
    src=http://<<server>>:<<port>>/resources/sap-ui-core.js
    src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"
    data-sap-ui-libs="sap.ui.m"
    data-sap-ui-theme="sap_bluecrystal" >
    </script>

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv='Content-Type' content='text/html;charset=UTF-8'/>

    <script src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"
    id="sap-ui-bootstrap"
    data-sap-ui-libs="sap.m"
    data-sap-ui-theme="sap_bluecrystal">
    </script>

    </head>
    <body class="sapUiBody" role="application">
    <div id="content"></div>
    </body>
    </html>

    <script>
    sap.ui.getCore().attachInit(function(){

    var oImage= new sap.m.Image();


    oImage.setSrc("img/UI5_logo.png");
    oImage.serDecorative(false);
    oImage.setAlt("SAPUI5 logo");
    oImage.placeAt("content");
    });

    </script>
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv='Content-Type' content='text/html;charset=UTF-8'/>

    <script src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"
    id="sap-ui-bootstrap"
    data-sap-ui-libs="sap.m"
    data-sap-ui-theme="sap_bluecrystal">
    </script>
    <!-- only load the mobile lib "sap.m" and the "sap_bluecrystal" theme -->

    <script> Adding the Function in the Constructor Call on the Control


    sap.ui.getCore().attachInit(function(){ <script>
    var oImage= new sap.m.Image(); var oImage = new sap.m.Image({
    oImage.setSrc("img/UI5_logo.png"); src : "",
    oImage.serDecorative(false); decorative : false,
    oImage.setAlt("SAPUI5 logo"); alt: "SAPUI5 logo",
    oImage.placeAt("content"); press : onPressImage
    }); });
    </script>
    </script>
    Adding an Event Handler as an Anonymous Function
    <script>
    var oImage2=newsap.m.Image({
    src: "img/UI5_logo.png",
    decorative: false,
    alt: "SAPUI5Logo",
    press: function(oEvent)
    {
    alert("Hello UI5!");
    }
    });
    </script>

    </head>
    <body class="sapUiBody" role="application">
    <div id="content"></div>
    </body>
    </html>

    Event Handler

    var onPressImage = function(){


    alert("Hello UI5!");
    }

    constructor call of the control,

    <script>
    var oImage = new sap.m.Image({
    src : "",
    decorative : false,
    alt: "SAPUI5 logo",
    press : onPressImage
    });
    </script>

    <script>
    sap.ui.getCore().attachInit(function (){

    var onPressImage=function(){
    alert("Hello UI5World!");
    };
    var oImage=new sap.m.Image({
    src: "img/UI5_logo.png",
    decorative: false,
    alt: "SAPUI5Logo",
    press: onPressImage
    }).placeAt("content");

    var oImage2=new sap.m.Image({


    src: "img/UI5_logo.png",
    decorative: false,
    alt: "SAPUI5Logo",
    press: function(){
    alert("Hello UI5!");
    }
    }).placeAt("content");
    });
    </script>

    Using Event Information within an Event Handler

    var onPressImage = function(oEvent)


    {
    alert("Hello UI5 World!");
    };

    You might also like