Found 23 Articles for SAP UI5

Difference between SAPUI5 controls and HTML5 Controls

V Jyothi
Updated on 30-Jul-2019 22:30:20
SAP UI5 controls plan to conform to existing control standards such as screen reader support, high-contrast theming and keyboard handling. The SDK provides more than 400 UI controls which range from basic elements to complex UI controls.Also, SAP UI 5 Controls support data binding which is not supported by HTML5.The rendering mechanism differs from SAP UI5 controls to HTML controls as in SAPUI5 each control has render Manager. Each and every control has a render () which translates UI Objects to HTML DOM code. Also, SAP UI 5 controls are theme based and style can be taken care of by default.

Using ControlAggregation in SAPUI5

Govinda Sai
Updated on 16-Dec-2019 06:40:35
“ControlAggregation” refers to the target aggregation to which the mapped view is added.As Specified in the use case below:"routing": {    "config": {       "routerClass": "sap.m.routing.Router",       "viewType": "XML",       "viewPath": "sap.ui.demo.nav.view",       "controlId": "app",       "controlAggregation": "dummy",       "transition": "slide",       "bypassed": {          "target": "NA"       }ExampleThe views are defined as follows:     So here “controlAggregation” is named as 'dummy' but the app is named as the target is 'sap.m.SampleApp' and aggregation is named as 'dummy'. Let ... Read More

Loading 3rd party libraries in SAPUI5

Sravani S
Updated on 18-Feb-2020 07:28:51
JavaScript includes various third-party libraries that ease the development while working on SAP UI5 app. You can use following jQuery as below −"sap.ui.thirdparty.jqueryui.jquery-ui-core");Other common JavaScript libraries that are in use −MomentJSLoadshTo load a third party library in SAP UI app project, create a folder “libs”. This folder is used to put third-party libraries −You can create a file named- moment.js and paste the code that has been copied from third party library website. This code can be included in your UI5 app using the library - index.html.

Not able to call another function within initialize method of controller in SAP UI5.

Anil SAP Gupta
Updated on 17-Feb-2020 12:34:32
Yes, you are absolutely correct. It is very basic thing, you just need to use this operator for making the function call.onInit: function() {    //Your logic    this.CustomFunction(); } CustomFunction : function () {   // some logic }

How to show only one view at a time in Wizard in SAP UI5?

Anil SAP Gupta
Updated on 17-Feb-2020 12:35:22
I will say not it is not a big out of box requirement. You can easily get it done. What you need to do is to hook up your requirement in the complete event of the wizard which gets invoked on each step completion. You just need to hide the completed view and show the next view. So you will be viewing only one view at a time.onComplete: function(oEvent) {                 var wdStep = oEvent.getSource();                 wdStep.setVisible(false);             }

Rows with no data are visible after applying search in grid SAP UI5

Anil SAP Gupta
Updated on 17-Feb-2020 10:56:18
The “No Data” rows are being shown in the grid irrespective of having no data is because of the “VisibleRowCount” attribute of the control. It controls the number of visible rows. So, once you are binding the table again after applying the filters, you need to update it dynamically to the number of rows in the matched result.Something similar to this −onBindingChange: function(oEvent) {     this.getView().byId("").setVisibleRowCount(oEvent.getSource().getLength()); }

OnInit method is not getting called again when navigating back and forth from a view in SAPUI5

Anil SAP Gupta
Updated on 17-Feb-2020 12:39:18
You have identified the correct use case as it is by design as you have navigated back and forth, it renders the last version rendered and OnInit() does not gets called. But if you want to override this behavior, SAP lets you do it.You can delegate to the patternMatched event of router, so that wheever the view is rendered the OnInit() method is invoked.this.getOwnerComponent().getRouter().getRoute("").attachPatternMatched(, this);You need to attach the even handler to the router in the init method of the controller. Hope it helps and sorts out your requirement.

Using SSO logon tickets in SAPUI5

karthikeya Boyini
Updated on 16-Dec-2019 07:37:21
When your proxy has SSO token, you should use SET-COOKIE header to pass SSO token to the client.Exampleset-cookie: MYSAPSSO2=DFOKJLDM.....AJLBhHcvA%3d%3e; path=/; should be passed to client browser from proxy and domain name has to be changed to the proxy as shown below:set-cookie: MYSAPSSO2=DFOKJLDM.....AJLBhHcvA%3d%3e; path=/; domain=PROXYDOMAIN.comWhen next time your browser calls to the proxy, this will include session cookie in the request header like below. The proxy will read that Cookie from HTTP request header to make calls.Cookie: MYSAPSSO2=DFOKJLDM.....AJLBhHcvA%3d%3e;

How to set the first day of the week in sap.m.DatePicker's calendar?

Updated on 30-Jul-2019 22:30:20
I don’t think there is any recommended way to access internal calendar in Datepicker. I would suggest you raise a function request in Openui5 using GitHub.

Accessing element which is defined SAPUI5 application

Rahul Sharma
Updated on 25-Feb-2020 10:56:56
You could try using the below code −var iconTabBar = sap.ui.getCore().byId("vwDetails--itabBar")