Please enable JavaScript.
Coggle requires JavaScript to display documents.
UI5 Framework = Core libs + Control Lib - Coggle Diagram
UI5 Framework = Core libs + Control Lib
BootStrap
<script src ="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js" data-sap-ui-libs="sap.m, sap.ui.table" data-sap-ui-theme="sap_bluecrystal" data-sap-ui-resourceroots='{ "bahubali" : "./" }'> </script>
syntax
var objectName = new libName.ControlName(sid, sProperties);
var oBtn = new sap.m.Button("idBtn",{ text: "Click Me", Events functions are also utilized in the same json as a property})
Events Ex
{text :"Click Me", press: funcation()}
Binding
Types
property
Expression
Element
Aggregation
Modes
OneWay
Default for
OData Model
TwoWay
Default for JSON and XML Models
to change the default binding mode, in the controller where you create the model
insert
oModel.setDefaultBindingMode("OneWay")
OneTime
Default for
Resource Model
MVC
Model Model (data) JSON, XML,Resource, ODATA
in the Controller under onIni() model mus tbe created.
ServerSide
ODATA
var oModel = new sap.ui.model.odata.v2.ODataModel();
Client Side
: Data kept in Browser, used for non changing hardcoded data
XML
1.Declare a brand new Model Object
2.Set/load the data to model object.
3.Make the model aware to the application /view/control.
Bind the Model
oModel.setData(Json type data); or oModel.loadData("address of file");
Running Instance of
UI Control
this.getView().byId("").setModel()
Application (best technique)
Default Syntax
sap.ui.getCore().setModel(oModel)
Named Model
Syntax
1 more item...
View
this.getView().setModel(omodel)
Binding
Convert all { to / and every bracket to /index for Array enties
Property Binding:
Binds the property of the Json File using Value property
syntax: <Input value = {"/entityset"}>
This binding is done int he view
1 more item...
Alternate Syntax
3 more items...
var oModel = new sap.ui.model.xml.XMLModel();
JSON
100% used
var oModel = new sap.ui.model.json.JSONModel();
Rescource
100% Used
var oModel = new sap.ui.model.resource.ResourceModel();
View (I/O) JS, XML, JSON, HTML
Controller (Processing) JS
Scapfolding Template
sap.ui.define(["dep1","dep2",...],
function({oDep1,oDep2,...});
Rendering
1.getControllerName function(oController)
1.1. onInite()
2.Create the object of Controller
3 Passses the name of the object of the controller to the next method using createContent()