SAP UI5 Articles

Found 20 articles

SAP UI5 framework and comparison with JQuesry and Backbone, Angular, etc.

karthikeya Boyini
karthikeya Boyini
Updated on 15-Jun-2020 274 Views

The SAPUI5 framework is the original version of the SAP toolkit which was released initially. This version of the toolkit is a proprietary version. Later SAP released an Open source version of it named OpenUI5. Functionally it is almost equivalent in terms of basic operations negating few features but overall sufficient enough as a UI framework.This UI5 framework (applies to both SAPUI5 and OpenUI5) is capable of dispensing all major tasks expected from a full-fledged UI framework. It supports following features:Model View Controller architectureRouting engineModules with the help of module loadersFull data binding either in XML, JSON or using web servicesCulture ...

Read More

Sending a table from UI5 application to ABAP Function Module

Johar Ali
Johar Ali
Updated on 15-Jun-2020 961 Views

This can be done using an OData service that accepts POST request from your UI5 application and writes data to a database table. While implementing OData service, you have to call ABAP Backend Class method.You have to remember that all application and classes are instantiated for processing and will end as soon as the request is completed. An OData service can be created using SAP Gateway Service Builder (SEGW).Following steps has to be performed for creating an OData service:Creation of Data ModelGenerate Runtime ObjectsRegistration of ServiceService ImplementationOnce you create a project in Gateway Service Builder, you have to create Entity ...

Read More

Passing to method geticon in SAPUI5

karthikeya Boyini
karthikeya Boyini
Updated on 12-Mar-2020 261 Views

SAP UI supports custom formatter functions. formatter="function" is used to specify a function to format cell data prior to display.formatter="function"Try using formatter function as below −icon : {    parts : ["answer"],    formatter : function(answerValue){       return self.getIcon(answerValue);    } }Refer below link to know more about custom formatter functions −https://sapui5.hana.ondemand.com/#/topic/07e4b920f5734fd78fdaa236f26236d8

Read More

Accessing element which is defined SAPUI5 application

Rahul Sharma
Rahul Sharma
Updated on 25-Feb-2020 158 Views

You could try using the below code −var iconTabBar = sap.ui.getCore().byId("vwDetails--itabBar")

Read More

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

Anil SAP Gupta
Anil SAP Gupta
Updated on 17-Feb-2020 849 Views

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.

Read More

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

Anil SAP Gupta
Anil SAP Gupta
Updated on 17-Feb-2020 426 Views

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);             }

Read More

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

Anil SAP Gupta
Anil SAP Gupta
Updated on 17-Feb-2020 576 Views

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 }

Read More

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

Anil SAP Gupta
Anil SAP Gupta
Updated on 17-Feb-2020 494 Views

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()); }

Read More

Binding model to sap.ui.core in SAP UI5 application

Johar Ali
Johar Ali
Updated on 14-Feb-2020 304 Views

Please try below where you need to prefix propertyBinding with models name −var oItemTemplate = new sap.m.ActionListItem({    title : "{checks>title}",    ... });

Read More

In SAP UI5 render calling two times in custom control

Rahul Sharma
Rahul Sharma
Updated on 14-Feb-2020 432 Views

In your custom control, there are two aggregation updates- setAggregation and addContent. When you use Aggregation mutators, it uses 3rd parameter to suppress invalidation.It will insert the aggregation but suppress the invalidation since whole control will be rendered at the end it.oControl.setAggregation("layout", oSavedButtonHLyt, true); // suppress invalidateYou should think that It should work same for “addContent”.oSavedButtonHLyt.addAggregation("content", manageSavedSearch[index], true);However, it doesn’t work as UI5 cannot determine automatically for the previous parent's suppress cos its aggregation will be moved. You have to note that property, aggregation or an association invalidates control when control does not overwrite its mutator method.

Read More
Showing 1–10 of 20 articles
« Prev 1 2 Next »
Advertisements