Introduction
SAP UI5 is an SAP user interface for HTML5. It is a collection of libraries used by the users to develop mobile and desktop applications that run in a browser. In this, we are provided with a SAPUI5 Javascript toolkit. It is a front-end development tool. It makes use of CSS, HTML5, and Javascript.
This is the right place where you will get SAP UI5 job interview questions if you are preparing for such interviews. This article will provide you with all kinds of interview questions from basic to advanced levels. Go through Set 1 Interview questions here.
Association and navigation in SAP UI5
1. What is the use of association and navigation in SAP UI5?
Association and navigation are used in SAP UI5 to establish relationships between different UI5 controls.
Association is used to define a relationship between two controls, where one control acts as a source and the other as a target. This relationship can be used to pass data or events from the source control to the target control.
Navigation is used to navigate from one view to another in an SAP UI5 application. It is used to define the flow of an application, and to determine how different views are related and how the user can navigate between them. Navigation can be achieved using routing in SAP UI5, which uses the declarative approach to define the navigation flow in an application.
2. Explain association and navigation in SAP OData
Association and Navigation in SAP OData are concepts used to define relationships between entities in an SAP OData service.
Association is used to define a relationship between two entities in an OData service. An association defines the relationship between entities, and the cardinality of the relationship, such as one-to-one, one-to-many, or many-to-many.
Navigation is used to navigate from one entity to another in an SAP OData service. This allows the client to follow the relationships defined in the OData service to retrieve related data. For example, if you have two entities, “Orders” and “Customers,” and you have defined a one-to-many relationship between “Orders” and “Customers,” then you can use navigation to retrieve all orders for a specific customer.
In summary, association and navigation are used to model relationships between entities in an SAP OData service, and to retrieve related data in a structured manner.
3. Can I achieve the above even without using the association and navigation concept?
Yes, it is possible to retrieve related data in SAP OData without using the concepts of association and navigation.
For example, you could retrieve related data by defining a custom function in the OData service, which retrieves data from multiple entities based on a specific input, such as a customer ID. The function could then be called from the client to retrieve the related data.
However, using association and navigation in SAP OData has several advantages over custom functions, such as:
Standardization: Association and navigation are standard concepts in OData and are supported by OData clients and libraries.
Reusability: Once the associations and navigation paths are defined, they can be easily reused in multiple parts of an application, reducing the amount of custom code needed.
Readability: The relationships between entities are easily readable and understandable, making it easier to maintain and enhance the application.
Scalability: Association and navigation can handle complex relationships between entities and can scale to handle large amounts of data.
Therefore, while it is possible to retrieve related data without using association and navigation, it is generally recommended to use these concepts in SAP OData to take advantage of their benefits.
4. How to use association and navigation in SAP UI5 code?
In SAP UI5, association and navigation can be defined and used in the XML view, the controller, and the manifest file of an application.
Here’s an example of how to use association and navigation in SAP UI5 code:
1. XML View: To define an association between two controls, you can use the “association” property in the XML view. For example, to define an association between a table and a detail form, you could use the following code:
<Table id=”table” items=”{/Orders}” selectionChange=”onSelectionChange”>
<!– Table content –>
</Table>
<form:SimpleForm id=”form” layout=”ResponsiveGridLayout”
binding=”{Orders>}”
association=”Orders” >
<!– Form content –>
</form:SimpleForm>
2. Controller: To navigate between views, you can use the “byId” method in the controller to retrieve the target view, and then use the “to” method to navigate to the target view. For example:
onSelectionChange: function (oEvent) {
var oSelectedItem = oEvent.getParameter(“listItem”);
this.getRouter().navTo(“detail”, {
orderId: oSelectedItem.getBindingContext().getProperty(“OrderID”)
});
},
3. Manifest File: To configure routing in SAP UI5, you need to define the routes and targets in the manifest file. For example:
“routing”: {
“config”: {
“routerClass”: “sap.m.routing.Router”,
“viewType”: “XML”,
“viewPath”: “my.app.view”,
“controlId”: “app”,
“controlAggregation”: “pages”,
“bypassed”: {
“target”: “notFound”
}
},
“routes”: [
{
“pattern”: “”,
“name”: “master”,
“target”: “master”
},
{
“pattern”: “orders/{orderId}”,
“name”: “detail”,
“target”: “detail”
}
],
“targets”: {
“master”: {
“viewName”: “Master”,
“viewLevel”: 1
},
“detail”: {
“viewName”: “Detail”,
“viewLevel”: 2
},
“notFound”: {
“viewName”: “NotFound”,
“viewLevel”: 3
}
}
}
This is just a basic example to show how to use association and navigation in SAP UI5 code. In practice, the implementation will depend on the specific requirements of your application.
5. Explain the concept of $expand in SAP UI5 using an example.
The “$expand” operator in SAP UI5 is used to retrieve related data from multiple entities in a single OData request. The “$expand” operator is applied to the main entity in the request and specifies the related entities that should be included in the response.
For example, consider a scenario where you have two entities: “Orders” and “Customers”. The “Orders” entity has a one-to-many relationship with the “Customers” entity.
To retrieve all orders along with the customer details in a single request, you can use the “$expand” operator as follows:
/Orders?$expand=Customers
This request will return all orders along with the customer details in a single response. This can be useful when you want to retrieve related data in a single request, reducing the number of network requests and improving performance.
Note that the “$expand” operator can also be used to retrieve multiple levels of related data. For example:
/Orders?$expand=Customers,Customers/Orders
This request will retrieve all orders along with the customer details, and the orders for each customer.
In SAP UI5, the “$expand” operator can be used in conjunction with OData models to retrieve related data. For example:
var oModel = new sap.ui.model.odata.v2.ODataModel("/service/");
oModel.read("/Orders", {
urlParameters: {
"$expand": "Customers"
},
success: function (oData, response) {
},
error: function (oError) {
}
});
In this example, the “$expand” operator is passed as a URL parameter in the “read” method of the OData model, to retrieve all orders along with the customer details in a single request.
Component and Library Questions
- Name the control libraries that are used for UI5 application development?
- Explain the working of navigation in SAPUI5?
- What is a component?
- Name the various types of components?
- Define Responsive Web Design?
- Write the syntax to define control in UI5?
Formatter and Fragments Interview Questions
- Explain Formatter in SAPUI5?
- Explain the use of Formatter?
- Name the various types of views present in SAPUI5?
- Define SAPUI5 fragments?
Model and Life cycle Interview Questions
- List the various types of data models that are available in SAPUI5?
- Explain the life cycle that is available in SAPUI5’s views controller?
- Name the view types offered by SAPUI5?
- Explain the purpose of a controller?
OData and Bootstrapping Interview Questions
- Highlight the difference between the Odata model and JSON model?
- Define SAPUI5 Bootstrapping?
Binding Interview Questions
- What are the different ways to bind data to the controls?
- Are fragments created with controllers?
- Explain metadata annotations?
- Explain the use of Aggregation Binding?
- What are the requirements to bind a list to data in your JSON model?
Fiori Basics Interview Questions
- Name the common metadata annotations?
- Define SAP Fiori?
- Explain the procedure to access the validation errors in SAPUI5?
- Name the types in SAPUI5?
- Write down the steps you will use to assemble the Url to access your Odata service’s metadata?
Fiori Controls Interview Questions
- Name the various types of Fiori applications?
- Compare and contrast SAP Fiori and SAPUI5?
- What type of information can be stored in the Manifest.json file of your app?
- Name the various namespaces that can be used in the manifest.json file?
- How many filters can a user use to apply on a list binding?
- What is the best practice to hide a SAPUI5 control at runtime?
Fiori & UI5 Advanced
- Explain the Fiori launchpad?
- Is it possible to get the client’s web browser on which the SAP Fiori application is running? How?
- Explain the principles of Fiori designs?
- When to use element-binding?
- List the difference between aggregation binding and element-binding?
- How can we accomplish paging in Odata Query?
- Name some Odata query parameters?
- Define semantic colours in SAPUI5?
- Name the semantic states in SAPUI5?
- What are various ways to compose Filters in SAPUI5?
- Where do we use filters in SAPUI5?
- Write down the filter operation a user can use to filter items with a numeric value lower than X?
- What a user can do to enable the SAPUI5 application to adapt to the user’s device?
- What is the use of a “Device mode”?
- What type of information is provided by the Sap.ui.device.API?
- Name the control that adapts its appearance on touch devices?
- What is the importance of having fragments in your applications?
- During nesting XML views, what happens in Dom Tree?
- What are various ways to structure your application code better?
- What is the primary use of fragments?
- Explain Dialogs in SAPUI5?
- What happens when you invoke the fragment factory?
- Name the property of the routing configuration in the manifest.json file that is used to automatically display a target that is not found?
- Write the correct sequence of handled callbacks of the Odata Model in the Add Controller?
- What are ways to start the unit test of the application in SAP Web IDE?
- How do you register for a unit test in Qunit?
- Name the testing features provided by the SAP Fiori worklist application template?
- What are the options available in SAPUI5 to create a custom control?
- Name the parts of the control metadata?
- What are the various considerations to be marked while defining control metadata?
- What is the way to enable the debugging option for SAP Netweaver Odata services?
- While choosing the SAPUI5 version for the application template, what are the basic requirements to fulfil?
- Explain Openui5?
- Write the correct syntax for defining namespaces in XML Views?
- Why not enclose all javascript code in a <script> tag directly on the index.html page?
- Explain components within SAPUI5?
- What type of information does Manifest.json file holds?
- Explain the importance of data binding within SAPUI5?
- Write the code to ass a margin all-around a control?
- Which base class is extended while implementing a custom type?
- Distinguish between absolute and relative binding paths?
- Write the code to sort and group your SAP.m.list when added to the view.xml?
- Which method is used to access the list item in an event handler for the press event?
- Explain the role of the application template in the development process?
- What is the behaviour of Sap.m.table on smaller devices like phones?
- Name the filter operation that is appropriate for a textual search in SAPUI5?
- List the responsiveness features you realize by setting standard CSS classes provided by SAPUI5?
- Name the various options available for code reuse in SAPUI5?
- How can we reuse the code in several other places and views in the application?
- How to grant a Dialog Access to the surrounding view’s models?
- What is the main purpose of the “static area” in the Dom?
- List the various benefits that Hash-based Navigation in SAPUI5 offers to a user?
- What would a user do to get notified when the hash has changed to a certain pattern?
- What do you understand by Sinon.js?
- Where does Opa fit in the testing pyramid?
- Why Automated testing is considered beneficial for app development?
- Define model view controller?
- Why did you choose SAPUI5 over HTML5?
- Name the tools and open standards that are considered as the foundation of the SAPUI5 technology?
- What is the use of a multi-flow design pattern?
- How is splitting implemented in multi-flow design?
- Name the standard controller Hooks present in SAPUI5?
- What does JSON stand for?
- What are the requirements that are needed to start UI5 development in Eclipse?
