Integrate SAP and InterSystems IRIS using OData
Tags: database
Published: 2020-08-12 14:48:58

<p><span style="font-size:11.0pt" lang="EN-US"><span style="line-height:107%"><span style="font-family:&quot;Calibri&quot;,sans-serif">SAP offers a broad support to OData in all your products. So, OData can be an excellent option to exchange data between SAP and InterSystems IRIS.</span></span></span></p>
<ol>
<li style="margin-left:8px"><span style="font-size:11pt"><span style="line-height:107%"><span style="font-family:&quot;Calibri&quot;,sans-serif">Follow the instructions in the article <a href="https://community.intersystems.com/post/odata-and-intersystems-iris" style="color:#0563c1; text-decoration:underline">https://community.intersystems.com/post/odata-and-intersystems-iris</a> to expose your IRIS data as REST OData services.</span></span></span></li>
<li style="margin-left:8px"><span style="font-size:11pt"><span style="line-height:107%"><span style="font-family:&quot;Calibri&quot;,sans-serif">To consume InterSystems IRIS data from SAP using OData, follow these steps (credits to the next steps of this tutorial: <a href="https://sapyard.com/sapui5-for-abapers-consuming-odata-service-from-sapui5-application-crud-operations/" style="color:#0563c1; text-decoration:underline">https://sapyard.com/sapui5-for-abapers-consuming-odata-service-from-sapui5-application-crud-operations/</a>) :</span></span></span></li>
<li style="margin-left:8px"><span style="font-size:11pt"><span style="line-height:107%"><span style="font-family:&quot;Calibri&quot;,sans-serif">Create a new SAPUI5 application by the name crud_demo.</span></span></span></li>
<li style="margin-bottom:11px; margin-left:8px"><span style="font-size:11pt"><span style="line-height:107%"><span style="font-family:&quot;Calibri&quot;,sans-serif">Create a XML view ‘crud_demo.view’. Write below code in it.</span></span></span></li>
</ol>
<pre style="margin-left: 48px;"><span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">&lt;core:View xmlns:core="sap.ui.core" xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m"</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">controllerName="crud_demo.crud_demo" xmlns:html="http://www.w3.org/1999/xhtml" xmlns:l="sap.ui.commons.layout"&gt;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt"><span style="font-family:&quot;Courier New&quot;">&lt;Page title="CRUD Operations"&gt;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt"><span style="font-family:&quot;Courier New&quot;">&lt;content&gt;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">&lt;l:AbsoluteLayout width="10rem" height="10rem"&gt;&lt;/l:AbsoluteLayout&gt;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">&lt;VBox xmlns="sap.m" id="vboxid"&gt; </span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt"><span style="font-family:&quot;Courier New&quot;">&lt;items&gt; </span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt"><span style="font-family:&quot;Courier New&quot;">&lt;HBox xmlns="sap.m"&gt; </span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt"><span style="font-family:&quot;Courier New&quot;">&lt;items&gt; </span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">&lt;l:AbsoluteLayout width="20px" height="20px"&gt;&lt;/l:AbsoluteLayout&gt; </span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">&lt;Button xmlns="sap.m" id="cbtn" press="oDataCall" text="Create"&gt;&lt;/Button&gt;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">&lt;l:AbsoluteLayout width="20px" height="20px"&gt;&lt;/l:AbsoluteLayout&gt;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">&lt;Button xmlns="sap.m" id="rbtn" press="oDataCall" text="Read"&gt;&lt;/Button&gt;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">&lt;l:AbsoluteLayout width="20px" height="20px"&gt;&lt;/l:AbsoluteLayout&gt;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">&lt;Button xmlns="sap.m" id="ubtn" press="oDataCall" text="Update"&gt;&lt;/Button&gt;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">&lt;l:AbsoluteLayout width="20px" height="20px"&gt;&lt;/l:AbsoluteLayout&gt;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">&lt;Button xmlns="sap.m" id="dbtn" press="oDataCall" text="Delete"&gt;&lt;/Button&gt;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt"><span style="font-family:&quot;Courier New&quot;">&lt;/items&gt;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt"><span style="font-family:&quot;Courier New&quot;">&lt;/HBox&gt;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt"><span style="font-family:&quot;Courier New&quot;">&lt;HBox xmlns="sap.m"&gt; </span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt"><span style="font-family:&quot;Courier New&quot;">&lt;items&gt; </span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">&lt;l:AbsoluteLayout width="20px" height="20px"&gt;&lt;/l:AbsoluteLayout&gt;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">&lt;Input xmlns="sap.m" id="uniqueid" placeholder="ID" value="1"&gt;&lt;/Input&gt;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">&lt;l:AbsoluteLayout width="20px" height="20px"&gt;&lt;/l:AbsoluteLayout&gt;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">&lt;Input xmlns="sap.m" id="nameid" placeholder="Name" value="test"&gt;&lt;/Input&gt;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">&lt;l:AbsoluteLayout width="20px" height="20px"&gt;&lt;/l:AbsoluteLayout&gt;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">&lt;Input xmlns="sap.m" id="emailid" placeholder="Email" value="test@gmail.com"&gt;&lt;/Input&gt;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">&lt;l:AbsoluteLayout width="20px" height="20px"&gt;&lt;/l:AbsoluteLayout&gt;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">&lt;Input xmlns="sap.m" id="mobid" placeholder="Mobile" value="8888888888"&gt;&lt;/Input&gt;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt"><span style="font-family:&quot;Courier New&quot;">&lt;/items&gt;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt"><span style="font-family:&quot;Courier New&quot;">&lt;/HBox&gt;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt"><span style="font-family:&quot;Courier New&quot;">&lt;HBox xmlns="sap.m"&gt; </span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt"><span style="font-family:&quot;Courier New&quot;">&lt;items&gt; </span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">&lt;l:AbsoluteLayout width="20px" height="20px"&gt;&lt;/l:AbsoluteLayout&gt;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt"><span style="font-family:&quot;Courier New&quot;">&lt;Table xmlns="sap.m"</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">id="userdatatable" headerText="User Data"&gt; </span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt"><span style="font-family:&quot;Courier New&quot;">&lt;items&gt;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt"><span style="font-family:&quot;Courier New&quot;">&lt;ListItemBase xmlns="sap.m" id="id1"&gt;&lt;/ListItemBase&gt;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt"><span style="font-family:&quot;Courier New&quot;">&lt;/items&gt; </span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt"><span style="font-family:&quot;Courier New&quot;">&lt;columns&gt; &lt;!-- sap.m.Column --&gt;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">&lt;Column xmlns="sap.m"&gt; &lt;header&gt; &lt;Text xmlns="sap.m" text="Id" &gt;&lt;/Text&gt;&lt;/header&gt;&lt;/Column&gt;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">&lt;Column xmlns="sap.m"&gt; &lt;header&gt; &lt;Text xmlns="sap.m" text="Name" &gt;&lt;/Text&gt;&lt;/header&gt;&lt;/Column&gt;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">&lt;Column xmlns="sap.m"&gt; &lt;header&gt; &lt;Text xmlns="sap.m" text="Email" &gt;&lt;/Text&gt;&lt;/header&gt;&lt;/Column&gt;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">&lt;Column xmlns="sap.m"&gt; &lt;header&gt; &lt;Text xmlns="sap.m" text="Mobile" &gt;&lt;/Text&gt;&lt;/header&gt;&lt;/Column&gt;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt"><span style="font-family:&quot;Courier New&quot;">&lt;/columns&gt;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt"><span style="font-family:&quot;Courier New&quot;">&lt;/Table&gt;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt"><span style="font-family:&quot;Courier New&quot;">&lt;/items&gt;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt"><span style="font-family:&quot;Courier New&quot;">&lt;/HBox&gt; </span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">&lt;/items&gt; &lt;!-- sap.ui.core.Control --&gt;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt"><span style="font-family:&quot;Courier New&quot;">&lt;/VBox&gt;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt"><span style="font-family:&quot;Courier New&quot;">&lt;/content&gt;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt"><span style="font-family:&quot;Courier New&quot;">&lt;/Page&gt;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt"><span style="font-family:&quot;Courier New&quot;">&lt;/core:View&gt;</span></span></span></span></span></pre>
<ol start="4">
<li style="margin-left:8px"><span style="font-size:11pt"><span style="line-height:107%"><span style="font-family:&quot;Calibri&quot;,sans-serif">Create crud_demo.controller.js. Write below code in it.</span></span></span></li>
</ol>
<pre style="margin-left:8px;margin-left: 24px;"><span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">onInit: function() {</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">that = this;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">// Create Model Instance of the oData service</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">var oModel = new sap.ui.model.odata.v2.ODataModel("/sap/opu/odata/sap/ZCRUD_DEMO_SRV");</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">sap.ui.getCore().setModel(oModel, "myModel");</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">},</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">oDataCall:function(oEvent)</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">{</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">// call oData service's function based on which button is clicked.</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">debugger;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">var myModel = sap.ui.getCore().getModel("myModel");</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">myModel.setHeaders({</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">"X-Requested-With" : "X"</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">});</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">// CREATE******************</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">if ('Create' == oEvent.oSource.mProperties.text) {</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">var obj = {};</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">obj.id = that.getView().byId("uniqueid").getValue();</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">obj.name = that.getView().byId("nameid").getValue();</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">obj.email = that.getView().byId("emailid").getValue();</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">obj.mobile = that.getView().byId("mobid").getValue();</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">myModel.create('/userdataSet', obj, {</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">success : function(oData, oResponse) {</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">debugger;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">alert('Record Created Successfully...');</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">},</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">error : function(err, oResponse) {</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">debugger;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">alert('Error while creating record - '</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">.concat(err.response.statusText));</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">}</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">});</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">}</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">// READ******************</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">else if ('Read' == oEvent.oSource.mProperties.text) {</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">var readurl = "/userdataSet?$filter=(id eq '')";</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">myModel.read(readurl, {</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">success : function(oData, oResponse) {</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">debugger;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">var userdata = new sap.ui.model.json.JSONModel({</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">"Result" : oData.results</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">});</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">var tab = that.getView().byId("userdatatable");</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">tab.setModel(userdata);</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">var i = 0;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">tab.bindAggregation("items", {</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">path : "/Result",</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">template : new sap.m.ColumnListItem({</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">cells : [ new sap.ui.commons.TextView({</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">text : "{id}",</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">design : "H5",</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">semanticColor : "Default"</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">}), new sap.ui.commons.TextView({</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">text : "{name}",</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">design : "H5",</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">semanticColor : "Positive"</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">}), new sap.ui.commons.TextView({</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">text : "{email}",</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">design : "H5",</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">semanticColor : "Positive"</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">}), new sap.ui.commons.TextView({</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">text : "{mobile}",</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">design : "H5",</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">semanticColor : "Positive"</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">}), ]</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">})</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">});</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">},</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">error : function(err) {</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">debugger;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">}</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">});</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">} </span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">// UPDATE******************</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">if ('Update' == oEvent.oSource.mProperties.text) {</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">var obj = {};</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">obj.id = that.getView().byId("uniqueid").getValue();</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">obj.email = that.getView().byId("emailid").getValue();</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">var updateurl = "/userdataSet(id='"</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">+ that.getView().byId("uniqueid").getValue() + "')";</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"> </span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">myModel.update(updateurl, obj, {</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">success : function(oData, oResponse) {</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">debugger;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">alert('Record Updated Successfully...');</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">},</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">error : function(err, oResponse) {</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">debugger;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">alert('Error while updating record - '</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">.concat(err.response.statusText));</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">}</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">});</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">} </span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">// DELETE******************</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">if ('Delete' == oEvent.oSource.mProperties.text) {</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">var delurl = "/userdataSet(id='"</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">+ that.getView().byId("uniqueid").getValue() + "')";</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">myModel.remove(delurl, {</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">success : function(oData, oResponse) {</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">debugger;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">alert('Record Removed Successfully...');</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">},</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">error : function(err, oResponse) {</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">debugger;</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">alert('Error while removing record - '</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">.concat(err.response.statusText));</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">}</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">});</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">}</span></span></span></span></span>
<span style="font-size:11pt"><span style="line-height:normal"><span style="font-family:&quot;Calibri&quot;,sans-serif"><span style="font-size:9.0pt" lang="EN-US"><span style="font-family:&quot;Courier New&quot;">}</span></span></span></span></span></pre>
<ol start="4">
<li style="margin-left:8px"><span style="font-size:11pt"><span style="line-height:107%"><span style="font-family:&quot;Calibri&quot;,sans-serif">Save, Deploy and Run the application. You should be able to run the application using below URL <a href="http://hostname:8000/sap/bc/ui5_ui5/sap/zcrud_demo/index.html" style="color:#0563c1; text-decoration:underline">http://hostname:8000/sap/bc/ui5_ui5/sap/zcrud_demo/index.html</a>.</span></span></span></li>
</ol>
<p style="margin-left:48px">&nbsp;</p>

<ol start="6">
<li style="margin-left:8px"><span style="font-size:11pt"><span style="line-height:107%"><span style="font-family:&quot;Calibri&quot;,sans-serif">Output:</span></span></span></li>
</ol>
<p style="margin-bottom:11px; margin-left:48px"><img horiginal="473" src="https://dev-to-uploads.s3.amazonaws.com/i/sjgno7tme704pewbbo49.png" woriginal="1344" width="609" height="214"></p>