Part 1:
What is SAPUI5?
SAPUI5 is a set of libraries to build responsive web applications that run on multiple devices like Desktop, Mobile, and Tablet. SAPUI5 works on MVC concept to accelerate the development cycle by creating data, business logic, and representation of data separately on the view. So the development of view and controller can take place independently to create models (data containers).
SAPUI5 is the latest in the series of SAP UI development technologies. In order to provide web integration for the underlying SAP ERP system, SAP came up with multiple UI development technologies like BSP (Business server pages), PDK (Portal development kit), Web Dynpro Java, Web Dynpro ABAP. And the successor of Web Dynpro ABAP is SAPUI5.
Q1. What is SAPUI5?
Ans: Just like any other HTML5 client-side rendering library SAPUI5 is also one. SAPUI5 strictly follows RIA (Rich Internet Application) standards. It is based on JavaScript which provides a lightweight programming model for desktop as well as mobile applications.
Q2. Why SAPUI5?
Ans: As HTML5 world is the new age front technology across all aspect of internet applications SAP was kind of trailing in this age because SAP was using age old WebDynpro for building SAP Web Applications which lacks in rich and user friendly UI. SAP identified this and came up with its own custom HTML5 library i.e. SAPUI5.
Q3. Explain Navigation concept in SAPUI5.
Ans: SAPUI5 uses two mechanism for navigation in applications those are EventBus and Routing where latter supersedes since SAPUI5 1.16. sap.ui.core.routing is the class used for the routing.
We define routing in components metadata in “routing” key.
Q4. What is Component?
Ans: Component or Component.js is the first point of our application or we can say bthat it serves as index which encapsulates all our applications details i.e. view names, routing details, main view, applications type(Full Screen or SplitApp), application service configuration etc..
Q5. When and How to use formatter in SAPUI5?
Ans: We need to use formatter when we need to perform some changes on the back end property data on the front end.
we can use formatter while data binding to a property like as follows:
oControl = new sap.ui.commons.TextField({
value : {path : “/path”, formatter : function(oEvent){
return “Value:”+oEvent;
}}});
Q6. What all design patterns are recommended/available in SAPUI5?
Ans: SAP recommends following application design patterns keeping in mind design consistency of the applications:
1. Master – Detail
2. Master-Master-Detail
3. Full Screen
4. Full Screen-Full Screen-MasterDetail (Multi Flow)
Q7. What all types of data models available in SAPUI5?
Ans: As SAPUI5 follows MVC(Model-View-Controller) there model plays crucial role in the framwork. SAPUI5 has following predefined four data models available:
- JSON Model – Client-side model, supports two way binding.
- XML Model – Client-side model and intended for small data sets this is very rarely used model.
- Resource Model – This is also client side model used to maintain resource bundles, specially texts.
- ODATA Model – This is most important model of the four provided. This is server side model, supports two way binding ODATA model currently supports ODATA version 2.0.
Q8. What all types of views are available in SAPUI5?
Ans: There are following predefined three types of view available in SAPUI5:
1. JSON view
2. JavaScript View(JS View)
3. HTML View
Q9. What are the Lifecycle methods of SAPUI5 views controller?
Ans: There 4 four Lifecycle methods available in every SAPUI5 views controller. These are onInit(), onExit(), onafter rendering(), onbefore rendering(). onInit is called when a view is instantiated and its controls (if available) have already been created; onExit is called when the view is destroyed; used to free resources and finalize activities; onafter rendering when the view has been rendered and, therefore, its HTML is part of the document; onBeforeRendering is called before the controller view is re-rendered and not before the first rendering.
Q10. What is the main difference between OData Model and JSON Model?
Ans: The JSON model is a client-side model and, therefore, intended for small datasets, which are completely available on the client.The OData model is a server-side model: the dataset is only available on the server and the client only knows the currently visible rows and fields.
Q11. What are SAPUI5 Fragments?
Ans: Fragments are very light weight UI controls and part of another UI. Fragments are not completely like views but they act like a view. Fragments are defined similar like views and are names like “myFragment.fragment.xml“.
Q12. Does Fragment have its own controller?
Ans: Fragments are created without controllers, they don’t have their own controllers they share controller of the view which is invoking it.
Q13. In how many ways you can bind data to your controls?
Ans: We can bind data to any controls using three methods, Property, Element and Aggregation binding.
Q14. What is SAPUI5 Bootstrapping?
Ans: SAPUI5 Bootstrapping means loading and initializing SAPUI5 in any HTML page. The most important library or resource loaded in SAPUI5 bootstrap is “sap-ui-core.js”. Apart from this theme for the application, SAPUI5 libraries etc are declared in the bootstrapping.
Part 2:
1.What is SAPUI5?
Ans: Just like any other HTML5 client-side rendering library SAPUI5 is also one. SAPUI5 strictly follows RIA (Rich Internet Application) standards. It is based on JavaScript which provides a lightweight programming model for desktop as well as mobile applications.
- What is the main difference between HTML5 and SAP UI5?
Ans: HTML5 is a markup language and it doesn’t have programming capabilities but SAP UI5 is a framework which is based on MVC approach to build web applications. HTML5 is mainly for the purpose of creating a simple webpage without formatting and logic but UI5 provides standard style and components to build rich UIs.
3.Why SAPUI5 instead of HTML5?
Ans: As HTML5 world is the new age front technology across all aspect of internet applications SAP was kind of trailing in this age because SAP was using age old WebDynpro for building SAP Web Applications which lacks in rich and user-friendly UI. SAP identified this and came up with its own custom HTML5 library i.e. SAPUI5.
4.Explain Navigation concept in SAPUI5.
Ans: SAPUI5 uses two mechanism for navigation in applications those are EventBus and Routing where latter supersedes since SAPUI5 1.16. sap.ui.core.routing is the class used for the routing.
We define routing in components metadata in “routing” key.
- What all design patterns are recommended/available in SAPUI5?
Ans: SAP recommends following application design patterns keeping in mind design consistency of the applications:
- Master – Detail
2. Master-Master-Detail
3. Full Screen
4. Full Screen-Full Screen-MasterDetail (Multi Flow)
6.Difference between SAP UI5 and SAP FIORI?
Ans: SAP FIORI is collection of standard applications based on SAPUI5 library provided by SAP. SAP FIORIapplications share some standard design guidelines and way in which these application are developed.
- What is SAPUI5 Bootstrapping?
Ans: SAPUI5 Bootstrapping is loading and initializing SAPUI5 in any HTML page. The very important library or resource loaded in SAPUI5 bootstrap is “sap-ui-core.js”. Apart from this theme for the application, SAPUI5 libraries etc are declared in the bootstrapping.
8.What are SAPUI5 Fragments?
Ans: Fragments are very light weight UI controls and part of another UI. Fragments are not completely like views but they act like a view. Fragments are defined similar like views and are names like “myFragment.fragment.xml“.
9.Can we add our own controls to UI5?
Ans: Yes, we can add custom controls by creating definition of it from scratch. To define a custom control we use sap.ui.control.extend and to enhance a standard SAP UI5 control we use sap.ui.commons.controlname.extend.
10.What are the Lifecycle/hook methods of SAPUI5 views controller?
Ans: There 4 four Lifecycle methods available in every SAPUI5 views controller. These are onInit(), onExit(), onAfterRendering(), onBeforeRendering().
- onInit is called when a view is instantiated and its controls (if available) have already been created;
- onExit is called when the view is destroyed; used to free resources and finalize activities;
- onAfterRendering when the view has been rendered and, therefore, its HTML is part of the document;
- onBeforeRendering is called before the controller view is re-rendered and not before the first rendering.
11.What all types of views are available in SAPUI5?
Ans: There are following predefined three types of view available in SAPUI5:
- JSON view
2. XML View
3. JavaScript View(JS View)
4. HTML View
12.What all types of data models available in SAPUI5?
Ans:As SAPUI5 follows MVC(Model-View-Controller) there model plays crucial role in the framwork.
SAPUI5 has following predefined four data models available:
1.JSON Model – Client-side model, supports two way binding.
2. XML Model – Client-side model and intended for small data sets this is very rarely used model.
3. Resource Model – This is also client side model used to maintain resource bundles, specially texts.
4. ODATA Model – This is most important model of the four provided. This is server side model, supports two way binding ODATA model currently supports ODATA version 2.0.
13.When and How to use formatter in SAPUI5?
Ans:We need to use formatter when we need to perform some changes on the back end property data on the front end.
We can use formatter while data binding to a property like as follows:
oControl = new sap.ui.commons.TextField({
value : {path : “/path”, formatter : function(oEvent){
return “Value:”+oEvent;
}}});
14.What Is Fiori Launchpad And Explain It?
Ans: It is a home page for all the FIORI applications provided to. There are more than five hundred custom app provided by SAP. This shows tile based UI where every UI redirects to assigned FIORI application. This Launchpad is fully customizable according to your needs like theming and all.
15.Which Open Standards And Tools Are The Foundation Of Sapui5 Technology?
Ans:
- D3.js for visualization
- ARIA for accessibility standards and keyboard handling
- jQuery for managing DOM elements and abstracting browser differences
16.Name Some Types In Sapui5?
Ans: 1. sap.ui.model.type.Float
- sap.ui.model.type.DateTime
3.sap.ui.model.type.Currency
17.Name Some Semantic States In Sapui5?
Ans:
- Positive
- Negative
- Critical
18.How Can You Compose Filters In Sapui5?
Ans: 1.By creating multiple filters and concatenating them either with AND or OR
- By creating a single sap.ui.model.Filter object and specifying a path, an operator, and up to two values
19.What Are Dialogs In Sapui5?
Ans:
- They are rendered into a specific area (the static area) in the DOM.
- They needo be added to the “dependent” aggregation of the view to get access to the models.
20.What Is Openui5?
Ans:
- A subset of SAPUI5 containing the complete core and more than 200 UI controls
- A free-to-use and open source UI library ready for your contributions
21.What Is The Benefit Of Data Binding Within Sapui5?
Ans: SAPUI5 uses data binding to bind two data sources or information sources together to keep them in sync. This means: All changes in one source are also reflected in the other one.
22.Which Responsiveness Features Can You Realize By Setting Standard Css Classes Provided By Sapui5?
Ans:
- Adding different margins to controls depending on the screen size
- Hiding controls depending on the screen size
23.Which Benefits Does The Hash-based Navigation In Sapui5 Offer?
Ans:
- Hash-based navigation adjusts the current hash to your interactions with the app, so that the URL can always be bookmarked.
- It allows you to build one-page apps where the contextual navigation is done by changing the hash, so the browser does not have to reload the page.
- What Is Mvc?
A28ns: As HTML5 world is the new age front technology across all aspect of internet applications SAP was kind of trailing in this age because SAP was using age old WebDynpro for building SAP Web Applications which lacks in rich and user-friendly UI. SAP identified this and came up with its own custom HTML5 library i.e. SAPUI5.
- What is Component in SAP UI5?
Ans: Component or Component.js is the first point of our application or we can say by that it serves as index which encapsulates all our applications details i.e. view names, routing details, main view, applications type (Full Screen or SplitApp), application service configuration etc..
26.What is the syntax to define a control in UI5?
Ans: var obj_name = new sap.m.ControlName(“id of control”,{ properties, events, aggregations });
27.What is required to start UI5 development in eclipse?
Ans: We need to import SAP UI5 toolkit from HANA service marketplace. Also, we need SAP UI5 ABAP Repository connector to deploy the project in ABAP System.
28.Which control libraries are used for UI5 application development?
Ans: sap.ui.commons, sap.ui.table and sap.suite.ui libraries for desktop application development and sap.m library along with sap.ui.layout for Fiori application development.
Part 3:
Q1) What is SAPUI5?
Ans. Just like any other HTML5 client-side rendering library, SAPUI5 is also one. SAPUI5 strictly follows RIA (Rich Internet Application) standards. It is based on JavaScript which provides a lightweight programming model for desktop as well as mobile applications.
Q2) Why SAPUI5?
Ans. As HTML5 world is the new age front technology across all aspects of internet applications SAP was kind of trailing in this age because SAP was using age-old Web Dynpro for building SAP Web Applications which lacks in rich and user-friendly UI. SAP identified this and came up with its own custom HTML5 library i.e. SAPUI5.
Q3) Explain the Navigation concept in SAPUI5?
Ans. SAPUI5 uses two mechanisms for navigation in applications that are EventBus and Routing where latter supersedes since SAPUI5 1.16.sap.ui.core.routing is the class used for the routing. We define routing in components metadata in the “routing” key.
Q4) What is a Component?
Ans: Component or Component.js is the first point of our application or we can say that it serves as an index that encapsulates all our application details i.e. view names, routing details, main view, applications type(Fullscreen or SplitApp), application service configuration, etc.
Q5) What is the difference between HTML5 and SAPUI5?
Ans: HTML5 is a markup language, It doesn’t have programming capabilities but SAPUI5 is a framework that is based on the MVC approach to building web applications. HTML5 is mainly for the purpose of creating a simple webpage without formatting and logic but UI5 provides standard style and components to build rich UIs.
Q6) What is MVC?
Ans: MVC stands for model view controller; it’s an architecture to design UI based applications to achieve maximum reusability and extensibility of the application for future changes. Model is the representation of data in the form of the object, View defines the UI and the Controller contains all the logic to drive as well connects view with model.
Q7) When and How to use formatting in SAPUI5?
Ans: We need to use formatter when we need to perform some changes on the back end property data on the front end. we can use formatter while data binding to a property like as follows: oControl = new sap.ui.commons.TextField({ value : {path : “/path”, formatter : function(oEvent){ return “Value:”+oEvent; }}});
Q8) What all design patterns are recommended/available in SAPUI5?
Ans: SAP recommends following application design patterns keeping in mind design consistency of the applications:
- Master-Detail
- Master-Master-Detail
- Fullscreen
- Fullscreen-Fullscreen-Master Detail (Multi Flow)
Q9) What types of views are available in SAPUI5?
Ans: There are following predefined three types of view available in SAPUI5:
- JSON view
- JavaScript View(JS View)
- HTML View
Q10) What is formatted in SAPUI5 and how to use it?
Ans: We need to use formatter when we need to perform some changes on the back end property data on the front end. we can use formatter while data binding to a property like as follows: oControl = new sap.ui.commons.TextField({ value : {path : “/path”, formatter : function(oEvent){ return “Value:”+oEvent; }}});
Q11) What all types of data models available in SAPUI5?
Ans: As SAPUI5 follows MVC(Model-View-Controller) there model plays a crucial role in the framework. SAPUI5 has the following predefined four data models available:
- JSON Model: Client-side model, supports two-way binding.
- XML Model: Client-side model and intended for small data sets this is a very rarely used, model.
- Resource Model: This is also a client-side model used to maintain resource bundles, especially texts.
- OData Model: This is the most important model of the four provided. This is the server-side model, supports two-way binding ODATA model currently supports OData version 2.0.
Q12) What are the Lifecycle methods of the SAPUI5 views controller?
Ans: There are four Lifecycle methods available in every SAPUI5 view controller.
These are
- onInit()
- onExit()
- on after rendering()
- on before rendering()
- onInit is called when a view is instantiated and its controls (if available) have already been created;
- onExit is called when the view is destroyed, used to free resources and finalize activities;
- on after rendering when the view has been rendered and therefore its HTML is part of the document;
- on before rendering is called before the controller view is re-rendered and not before the first rendering.
Q13) What is the main difference between OData Model and JSON Model?
Ans: The JSON model is a client-side model and, therefore, intended for small datasets, which are completely available on the client. The OData model is a server-side model: the dataset is only available on the server and the client only knows the currently visible rows and fields.
Q14) What are the SAPUI5 Fragments?
Ans: Fragments are very lightweight UI controls and part of another UI. Fragments are not completely like views but they act as a view. Fragments are defined similar to views and are names like “myFragment.fragment.xml“.
Q15) Does Fragment have its own controller?
Ans: Fragments are created without controllers, they don’t have their own controllers they share controller of the view which is invoking it.
Q16) In how many ways you can bind data to your controls?
Ans: We can bind data to any controls using three methods, Property, Element, and Aggregation binding.
Q17) What is SAPUI5 Bootstrapping?
Ans: SAPUI5 Bootstrapping means loading and initializing SAPUI5 on any HTML page. The most important library or resource loaded in SAPUI5 bootstrap is “sap-UI-core.js”. Apart from this theme for the application, SAPUI5 libraries, etc are declared in the bootstrapping.
Q18) What are the Metadata Annotations?
Ans: The service metadata document describes the structure of all resources in the service. This structural metadata makes it easy to understand a service. We can explore service metadata at the address “$metadata” relative to the service root.
Q19) What are common Metadata Annotations?
Ans: Following are some of the service metadata annotations which are common and a front end developer must know these in order to understand the service and integrate it: -EDM: EntityContainer -EDM: EntitySet -EDM: EntityType -EDM: Property -EDM: Nav Navigation Property -EDM: AssociationSet
Q20) What is the difference between SAP Fiori and SAPUI5?
Ans: SAP FIORI is a collection of standard applications based on SAPUI5 library provided by SAP. SAP FIORI applications share some standard design guidelines and the way in which these applications are developed.
Q21) How many types of Fiori applications are there?
Ans: There are 3 types of Fiori applications:
- Transactional
- Analytical
- Fact Sheets
Q22) What is the difference between SAP Fiori and SAPUI5?
Ans: SAP FIORI is a collection of standard applications based on SAPUI5 library provided by SAP. SAP FIORI applications share some standard design guidelines and the way in which these applications are developed.
Q23) What is FIORI Launchpad and Explain it?
Ans: It is a home page for all the FIORI applications provided. There is more than five hundred custom app provided by SAP. This shows tile-based UI where every UI redirects to assigned FIORI application. This Launchpad is fully customizable according to your needs like theming and all.
Q24) How can you get the web browser of the client on which the SAP Fiori application is running?
Ans: SAPUI5 library provides a special API “sap.ui.Device“which can be used for device and its feature detection. This API provides flags like “chrome”, “firefox”, “Mozilla”, “edge” etc. in “sap.ui.Device.browser” API which returns boolean values.
Q25) What are Fiori Design Principles?
Ans: There are 5 design principles we need to keep in mind while designing SAP Fiori applications.
- Role-Based
- Delightful
- Simple
- Responsive
- Coherent
Q26) What is SAP Fiori?
Ans: SAPUI5 is a client-side HTML5 rendering framework or library and SAP FIORI is collection of and released as waves of applications that are completely based on SAPUI5 framework. It means we can create applications using the SAPUI5 framework and SAP FIORI is the final product i.e. application. In SAPUI5 we have to code from scratch, but in Fiori Application the custom application is already built and enhancements can be done on those custom apps.
Part 4:
Ques 1. What is SAPUI5?
Ans.- SAPUI5 is also one client-side rendering library just like any other HTML5. SAPUI5 strictly follows RIA (Rich Internet Application) standards. It is based on JavaScript which provides a lightweight programming model for desktop as well as mobile applications.
Ques 2. Why SAPUI5 instead of HTML5?
Ans.- As HTML5 world is the new age front technology across all aspect of internet applications SAP was kind of trailing in this age because SAP was using age old WebDynpro for building SAP Web Applications which lacks in rich and user-friendly UI. SAP identified this and came up with its own custom HTML5 library i.e. SAPUI5.
Ques 3. What is the main difference between HTML5 and SAP UI5?
Ans.- HTML5 is a markup language and it doesn’t have programming capabilities but SAP UI5 is a framework which is based on MVC approach to build web applications. HTML5 is mainly for the purpose of creating a simple webpage without formatting and logic but UI5 provides standard style and components to build rich UIs.
Ques 4. What is MVC?
Ans.- MVC stands for model view controller; it’s an architecture to design UI based applications to achieve maximum reusability and extensibility of the application for future changes. Model is the representation of data in form of object, View defines the UI and Controller contains all the logic to drive as well connects view with model.
Ques 5. What is required to start UI5 development in eclipse?
Ans.- We need to import SAP UI5 toolkit from HANA service marketplace. Also, we need SAP UI5 ABAP Repository connector to deploy the project in ABAP System.
Ques 6. Which control libraries are used for UI5 application development?
Ans.- sap.ui.commons, sap.ui.table and sap.suite.ui libraries for desktop application development and sap.m library along with sap.ui.layout for Fiori application development.
Ques 7. What is the syntax to define a control in UI5?
Ans.- var obj_name = new sap.m.ControlName(“id of control”,{ properties, events, aggregations });
Ques 8. What is Navigation concept in SAPUI5?
Ans.- SAPUI5 uses two mechanism for navigation in applications those are EventBus and Routing where latter supersedes since SAPUI5 1.16. sap.ui.core.routing is the class used for the routing.
We define routing in components metadata in “routing” key. It is composed of route object and hash changer object. Route object defines the navigation paths and hash changer will be used at runtime to change the hash which leads to navigation.
Ques 9. What is Responsive Web Design?
Ans.- A web application which gives the same look and feel to the user in desktops and mobile devices.
Ques 10. What is Component in SAP UI5?
Ans.- Component or Component.js is the first point of our application or we can say by that it serves as index which encapsulates all our applications details i.e. view names, routing details, main view, applications type (Full Screen or SplitApp), application service configuration etc..
Ques 11. What are the types of Components?
Ans.-
There are two types of components:
- Faceless components: Mainly without UIs, Used for business logic and helper methods e.g. Formatters.
- UI Component: typically component.js file which is made by extending sap.ui.core.UIComponent class.
Ques 12. When and How to use formatter in SAPUI5?
Ans.- We need to use formatter when we need to perform some changes on the back end property data on the front end.
We can use formatter while data binding to a property like as follows:
oControl = new sap.ui.commons.TextField({
value : {path : “/path”, formatter : function(oEvent){
return “Value:”+oEvent;
}}});
Ques 13. What all types of data models available in SAPUI5?
Ans.- As SAPUI5 follows MVC(Model-View-Controller) there model plays crucial role in the framwork.
SAPUI5 has following predefined four data models available:
- JSON Model – Client-side model, supports two way binding.
2. XML Model – Client-side model and intended for small data sets this is very rarely used model.
3. Resource Model – This is also client side model used to maintain resource bundles, specially texts.
4. ODATA Model – This is most important model of the four provided. This is server side model, supports two way binding ODATA model currently supports ODATA version 2.0.
Ques 14. What all types of views are available in SAPUI5?
Ans.-
There are following predefined three types of view available in SAPUI5:
- JSON view
2. XML View
3. JavaScript View(JS View)
4. HTML View
Ques 15. What are the Lifecycle/hook methods of SAPUI5 views controller?
Ans.- There 4 four Lifecycle methods available in every SAPUI5 views controller. These are onInit(), onExit(), onAfterRendering(), onBeforeRendering(). onInit is called when a view is instantiated and its controls (if available) have already been created; onExit is called when the view is destroyed; used to free resources and finalize activities; onAfterRendering when the view has been rendered and, therefore, its HTML is part of the document; onBeforeRendering is called before the controller view is re-rendered and not before the first rendering.
Ques 16. Can we add our own controls to UI5?
Ans.- Yes, we can add custom controls by creating definition of it from scratch. To define a custom control we use sap.ui.control.extend and to enhance a standard SAP UI5 control we use sap.ui.commons.controlname.extend.
Ques 17. What is the main difference between OData Model and JSON Model?
Ans.- The JSON model is a client-side model and, therefore, intended for small datasets, which are completely available on the client.The OData model is a server-side model: the dataset is only available on the server and the client only knows the currently visible rows and fields.
Ques 18. What are SAPUI5 Fragments?
Ans.- Fragments are very light weight UI controls and part of another UI. Fragments are not completely like views but they act like a view. Fragments are defined similar like views and are names like “myFragment.fragment.xml“.
Ques 19. Does Fragment have its own controller?
Ans.- Fragments are created without controllers, they don’t have their own controllers they share controller of the view which is invoking it.
Ques 20. In how many ways you can bind data to your controls?
Ans.- We can bind data to any controls using three methods, Property, Element and Aggregation binding.
Ques 21. What is SAPUI5 Bootstrapping?
Ans.- SAPUI5 Bootstrapping is loading and initializing SAPUI5 in any HTML page. The very important library or resource loaded in SAPUI5 bootstrap is “sap-ui-core.js”. Apart from this theme for the application, SAPUI5 libraries etc are declared in the bootstrapping.
Ques 22. What is Metadata Annotations?
Ans.- The service metadata document explains the structure of all resources in the service. This structural metadata makes it easy to understand a service. We can explore service metadata at the address “$metadata” relative to the service root.
Ques 23. What are the common Metadata Annotations?
Ans.-
Following are some of the service metadata annotations which are common and a front end developer must know these in order to understand the service and integrate it:
- -edm:EntityContainer
- -edm:EntitySet
- -edm:EntityType
- -edm:Property
- -edm:NavigationProperty
- -edm:AssociationSet
Ques 24. What is SAP Fiori?
Ans.- SAPUI5 is client side HTML5 rendering framework or library and SAP FIORI is collection of and released as waves of applications which are completely based on SAPUI5 framework. It means we can create applications using SAPUI5 framework and SAP FIORI is final product i.e. application.
Ques 25. What are all the types of Fiori Apps?
Ans.- There are 3 types of apps Transactional, Analytical, Fact Sheets.
Ques 26. Difference between SAP UI5 and SAP FIORI?
Ans.- SAP FIORI is collection of standard applications based on SAPUI5 library provided by SAP. SAP FIORI applications share some standard design guidelines and way in which these application are developed.
Ques 27. What is FIORI Launchpad and Explain it?
Ans.- As we know there are more than 500 FIORI applications, SAP has provided a Shell or single point place from where we can access the all the applications. This serves as a home page for all the FIORI applications provided to. This shows tile based UI where every UI redirects to assigned FIORI application. This Launchpad is fully customizable according to your needs like theming and all.
Ques 28. How to know that device is Touch Screen or not?
Ans.- SAPUI5 library provides a special API “sap.ui.Device“ which can be used to for device and its feature detection. This API has a flag “sap.ui.Device.touch” which returns true if device is a touch screen otherwise false.
Ques 29. How to know the web browser of the client on which SAP Fiori application is running using SAP UI5?
Ans.- SAP UI5 library provides a special API “sap.ui.Device“ which can be used to for device and its feature detection. This API provides flags like “chrome”, “firefox”, “mozilla”, “edge” etc. in “sap.ui.Device.browser” API which returns boolean values.
Ques 30. What are Fiori Design Principles?
Ans.-There are 5 design principles we need to keep in mind while designing SAP Fiori applications. Role-Based, Delightful, Simple, Responsive and Coherent.
Ques 31. What all design patterns are recommended/available in SAPUI5?
Ans.-
SAP recommends following application design patterns keeping in mind design consistency of the applications:
- Master – Detail
2. Master-Master-Detail
3. Full Screen
4. Full Screen-Full Screen-MasterDetail (Multi Flow)
Ques 32. Does Fragment have its own controller?
Ans.- Fragments are created without controllers, they don’t have their own controllers they share controller of the view which is invoking it.
Part 5:
- What is SAPUI5?
Ans:
Just like any other HTML5 client-side rendering library SAPUI5 is also one. SAPUI5 strictly follows RIA (Rich Internet Application) standards. It is based on JavaScript which provides a lightweight programming model for desktop as well as mobile applications.
2.Why we use SAPUI5?
Ans:
As HTML5 world is the new age front technology across all aspect of internet applications SAP was kind of trailing in this age because SAP was using age old WebDynpro for building SAP Web Applications which lacks in rich and user friendly UI. SAP identified this and came up with its own custom HTML5 library i.e. SAPUI5.
- When and How to use formatter in SAPUI5?
Ans:
We need to use formatter when we need to perform some changes on the back end property data on the front end.
we can use formatter while data binding to a property like as follows:
- oControl = new sap.ui.commons.TextField({
- value : {path : “/path”, formatter : function(oEvent){
- return “Value:”+oEvent;
- }}});
- What all design patterns are recommended/available in SAPUI5?
Ans:
SAP recommends following application design patterns keeping in mind design consistency of the applications:
- Master – Detail
- Master-Master-Detail
- Full Screen
- Full Screen-Full Screen-MasterDetail (Multi Flow)
- What all types of views are available in SAPUI5?
Ans:
There are following predefined three types of view available in SAPUI5:
- JSON view
- JavaScript View(JS View)
- HTML View
- How Navigation Works In Sapui5?
Ans:
TypeScript has the following disadvantages:
7.What All Events/life Cycle Are Available In Sapui5’s Views Controller?
Ans:
There are 4 lifecycle available in SAPUI5’s views controller, they are:
- onInit()– it is called when a view is instantiated and its controls have already been created.
- onExit()– it is called when the view is destroyed, used to free resources and finalize activities.
- onAfterRendering()– when the view has been rendered and, therefore, its HTML is part of the document.
- onBeforeRendering()-It is called before the controller view is re-rendered and not before the first rendering.
- What Is The Benefit Of Data Binding Within Sapui5?
Ans:
SAPUI5 uses data binding to bind two data sources or information sources together to keep them in sync. This means: All changes in one source are also reflected in the other one.
- Name Some Types In Sapui5?
Ans:
- sap.ui.model.type.Float
- sap.ui.model.type.DateTime?
- sap.ui.model.type.Currency
- What Is Mvc?
Ans:
As HTML5 world is the new age front technology across all aspect of internet applications SAP was kind of trailing in this age because SAP was using age old WebDynpro for building SAP Web Applications which lacks in rich and user-friendly UI. SAP identified this and came up with its own custom HTML5 library i.e. SAPUI5.
- What Are Dialogs In Sapui5?
Ans:
- They are rendered into a specific area (the static area) in the DOM.
- They needo be added to the “dependent” aggregation of the view to get access to the models.
- What is the syntax to define a control in UI5?
Ans:
- var obj_name = new sap.m.ControlName(“id of control”,{ properties, events, aggregations });
- What is the difference between HTML5 and SAPUI5?
Ans:
HTML5 | SAPUI5 |
HTML5 is a markup language, It doesn’t have programming capabilities. | SAPUI5 is a framework that is based on the MVC approach to building web applications. |
HTML5 is mainly for the purpose of creating a simple webpage without formatting and logic | SAPUI5 provides standard style and components to build rich UIs. |
- What are the Metadata Annotations?
Ans:
The service metadata document describes the structure of all resources in the service. This structural metadata makes it easy to understand a service. We can explore service metadata at the address “$metadata” relative to the service root.
- What are common Metadata Annotations?
Ans:
Following are some of the service metadata annotations which are common and a front end developer must know these in order to understand the service and integrate it: -EDM: EntityContainer -EDM: EntitySet -EDM: EntityType -EDM: Property -EDM: Nav Navigation Property -EDM: AssociationSet
- How many types of Fiori applications are there?
Ans:
There are 3 types of Fiori applications:
- Transactional
- Analytical
- Fact Sheets
- Is Native Javascript supports modules?
Ans:
It is a home page for all the FIORI applications provided. There is more than five hundred custom app provided by SAP. This shows tile-based UI where every UI redirects to assigned FIORI application. This Launchpad is fully customizable according to your needs like theming and all.
- How can you get the web browser of the client on which the SAP Fiori application is running?
Ans:
SAPUI5 library provides a special API “sap.ui.Device“which can be used for device and its feature detection. This API provides flags like “chrome”, “firefox”, “Mozilla”, “edge” etc. in “sap.ui.Device.browser” API which returns boolean values.
- What are Fiori Design Principles?
Ans:
There are 5 design principles we need to keep in mind while designing SAP Fiori applications.
- Role-Based
- Delightful
- Simple
- Responsive
- Coherent
- Mention the major difference between Json model and ODATA?
Ans:
JSON | ODATA |
These models are client-side models | These models are server-based |
Communication with the services in this model is complex | This model is easy to use to communicate with ODATA services. |
It can manage small data sets available on the client-side. | Here the datasets are available on the server-side |
It supports two-way binding | It supports one-way binding |
Its syntax is sap.ui.model.json.JSONModel. () ; | Its syntax is Sap.ui.model.odata. ODataModel () ; |
- What is SAP Fiori?
Ans:
SAPUI5 is a client-side HTML5 rendering framework or library and SAP FIORI is collection of and released as waves of applications that are completely based on SAPUI5 framework. It means we can create applications using the SAPUI5 framework and SAP FIORI is the final product i.e. application. In SAPUI5 we have to code from scratch, but in Fiori Application the custom application is already built and enhancements can be done on those custom apps.
- Which Open Standards And Tools Are The Foundation Of Sapui5 Technology?
Ans:
- D3.js for visualization
- ARIA for accessibility standards and keyboard handling
- jQuery for managing DOM elements and abstracting browser difference
- What is the syntax to define a control in UI5?
Ans:
- var obj_name = new sap.m.ControlName(“id of control”,{ properties, events, aggregations });
- What are the types of Components?
Ans:
There are two types of components:
- Faceless components: Mainly without UIs, Used for business logic and helper methods e.g. Formatters.
- UI Component: typically component.js file which is made by extending sap.ui.core.UIComponent class.
- When and How to use formatter in SAPUI5?
Ans:
We need to use formatter when we need to perform some changes on the back end property data on the front end.
- Can we add our own controls to UI5?
Ans:
Yes, we can add custom controls by creating definition of it from scratch. To define a custom control we use sap.ui.control.extend and to enhance a standard SAP UI5 control we use sap.ui.commons.controlname.extend.
- What are SAPUI5 Fragments?
Ans:
Fragments are very light weight UI controls and part of another UI. Fragments are not completely like views but they act like a view. Fragments are defined similar like views and are names like “myFragment.fragment.xml“.
- What is Metadata Annotations?
Ans:
The service metadata document explains the structure of all resources in the service. This structural metadata makes it easy to understand a service. We can explore service metadata at the address “$metadata” relative to the service root.
- What are the common Metadata Annotations?
Ans:
Following are some of the service metadata annotations which are common and a front end developer must know these in order to understand the service and integrate it:
- edm:EntityContainer
- edm:EntitySet
- edm:EntityType
- edm:Property
- edm:NavigationProperty
- edm:AssociationSet
- What is the difference between SAP Fiori and SAPUI5?
Ans:
SAP Fiori | SAP UI5 |
SAP Fiori is a set of design guidelines that determine how a user interface is supposed to look and feel.It is a collection of rules that decide on the user experience (UX) of a SAP application. | SAP UI5 is the technology to build responsive web apps. In other words, SAP UI5 is the coding language for SAP Fiori. |
the aim of SAP Fiori is an user interface that is consistent, simple, intuitive and responsive for all SAP applications. | Therefore, we cannot build a SAP Fiori application without the underlying SAP UI5 framework. |
- What are all the types of Fiori Apps?
Ans:
There are 3 types of apps:
- Transactional.
- Analytical.
- Fact Sheets.
- How to know that device is Touch Screen or not?
Ans:
SAPUI5 library provides a special API “sap.ui.Device“ which can be used to for device and its feature detection. This API has a flag “sap.ui.Device.touch” which returns true if device is a touch screen otherwise false.
- How to know the web browser of the client on which SAP Fiori application is running using SAP UI5?
Ans:
SAP UI5 library provides a special API “sap.ui.Device“ which can be used to for device and its feature detection. This API provides flags like “chrome”, “firefox”, “mozilla”, “edge” etc. in “sap.ui.Device.browser” API which returns boolean values.
- What are the different RFC authorization objects in SAP Fiori?
Ans:
This authorization object contains the following fields −
- RFC_SYSID − ID of the calling system or the domain of the satellite system.
- RFC_CLIENT − Client of the calling system.
- RFC_USER − ID of the calling user.
- RFC_EQUSER − Flag that indicates whether the user can be called by a user with the same ID (Y = Yes, N = No)
- RFC_TCODE − Calling transaction code.
- RFC_INFO − Additional information from the calling system (currently inactive).
- ACTVT − Activity
- What are the different app launched tile types in SAP Fiori?
Ans:
Static − It shows predefined static content (text, icon).
Dynamic − It shows numbers that can be read dynamically.
News Tile − Flips through news messages according to the configuration of the tile.
KPI Tile − It displays KPI’s in real time.
- What is MVC?
Ans:
MVC stands for model view controller; it’s an architecture to design UI based applications to achieve maximum reusability and extensibility of the application for future changes. Model is the representation of data in the form of the object, View defines the UI and the Controller contains all the logic to drive as well connects view with model.
- What is the use of PFCG role SAP_UI2_USER_700?
Ans:
The Launchpad user must have the PFCG role SAP_UI2_USER_700 assigned. With this role the user can run the SAP Fiori Launchpad on the Personalization level and has authorization to execute the following OData services −
- /UI2/PAGE_BUILDER_PERS
- /UI2/INTEROP
- /UI2/LAUNCHPAD
- 39.What are the different options in SAP Fiori Launchpad design?
Ans:
Configuration Layer − Contains all content as delivered to customers including translation.
Customization Layer − Customers adjust content for all users in the system. We can use CUST layer for testing or other reasons. Content is transportable through customizing requests by customers. After customization, content is decoupled from configuration layer and no automatic synchronization after changes to delivered layer.
- If Customization doesn’t run properly, is it possible to disable all customization by providing a configuration?
Ans:
If a Customization doesn’t run properly, all customization can be disabled by providing a single configuration. In support situation, this can be done by setting a breakpoint early in sap-ui-core.js and then executing the following code in the Console −
- -window[“sap-ui-config”]= window[“sap-ui-config”]||{};
- -window[“sap-ui-config”][“xx-disableCustomizing”] = true;
- What is the use of PFCG role SAP_UI2_USER_700?
Ans:
The Launchpad user must have the PFCG role SAP_UI2_USER_700 assigned. With this role the user can run the SAP Fiori Launchpad on the Personalization level and has authorization to execute the following OData services −
- /UI2/PAGE_BUILDER_PERS
- /UI2/INTEROP
- /UI2/LAUNCHPAD
- How can you download newly created themes that are published?
Ans:
- You can use transaction /UI5/THEME_TOOL to download newly created theme and you will find css in one of those folders.
- You can also transport themes from one system to another (Eg: from Test to Production system) using the tool for Customer Themes Maintenance.
- Start the tool using transaction: /UI5/THEME_TOOL
- Navigate to the theme you want to transport.
- Select Transport and choose.
- What is the use of component.js file in UI extensibility?
Ans:
The configuration is stored in the component.js file of the custom application. The component of the custom application needs to inherit from the main component of the original application. To make the location of the original application or component known to SAPUI5, it may be necessary to use register Module Path. The configuration in the customizing section contains the extension metadata and describes the objects that are replaced or extended.
- What is SAP HANA XS engine? How it is used for Business suite and KPI?
Ans:
For Analytical apps you need SAP Hana as underlying database, no exceptions. SAP Fiori leverages.
XS engine by using virtual data models. Within XS engine there are 2 components: the HANA Live App content for respective business suite and Smart business component with the KPI modeler. Within the HANA live content the VDM reuse content exists which can be modified.
In below Pic, you have ABAP front end server which contains the UI Add-Ons for respective products used, NetWeaver Gateway with OData enablement, the central UI add-on and the KPI framework. These front end components have read access to the backend data via a trusted RFC connection.
- The add-on components in back end that require no down time for installation are known as?
Ans:
Product specific UI Add-Ons
- ERP − UI for EHP 7 for SAP ERP 6.0
- SRM − UI for EHP3 for SAP SRM 7.0
- SCM − SAP SNC USABILITY 1.0
- CRM − UI for EHP3 for SAP CRM 7.0
- PORTF and PROJ MGMT − UI for SAP PORTF PROJ MGMT 6.0
- GRC − UI for SAP ACCESS CONTROL 10.1 SP3
- For write access to the UI Theme Designer (create, update, delete themes), which authorization object should be assigned?
Ans:
- Authorization object: /UI5/THEME
- ACTVT(Activity):02(Change) and
- /UI5/THMID (Theme Id):* = all themes
- Mention the Prerequisites for SAP UI5?
Ans:
To install and update UI5 development toolkit for HTML5, you should meet the following prerequisites −
Eclipse Platform: Mars (4.5)
Operating System: Windows OS (XP, Vista, 7 or 8/8.1)
Java Runtime: JRE Version 1.6 or higher, 32-Bit or 64-Bit
SAP GUI: Only relevant when installing the SAP UI5 ABAP Repository Team Provider
For Windows OS: SAP GUI for Windows 7.30/7.40
Microsoft: Only relevant when installing the SAP UI5 ABAP Repository Team Provider
For Windows OS: DLLs VS2010 for communication with the back-end system is required
- What is an SAPUI5 Architecture?
Ans:
- What is OpenUI5 ?
Ans:
OpenUI5 described as,
A subset of SAPUI5 containing the entire core and more than 200 UI controls.
- How do you extend an OData service (Gateway Content Layer) in SAP Gateway?
Ans:
Transaction code SE11 is ABAP dictionary. By using this transaction code, you can create, change and display table entries and structures. At the initial screen, you can put any tables or structures to view, edit or even create a new one. Transaction code SE11 is normally used a ABAP programmer.
SAP Gateway Service Builder (transaction SEGW)) is a design-time environment, which provides developers an easy-to-use set of tools for creating services. The Code-based OData Channel consumes it and supports developers throughout the development life cycle of a service.
SE80 – Object Navigator
SE 80 is a tool to develop and navigate programs and dd-obj.
SE80 Object Navigator → means all the objects will be available there. In se80 in addition to viewing the objects related to programming and classes, there are more privileges to view such as some other repositories such as mime, object repository, object browser and all.
- What is the use of component.js file in UI extensibility?
Ans:
The configuration is stored in the component.js file of the custom application. The component of the custom application needs to inherit from the main component of the original application. To make the location of the original application or component known to SAPUI5, it may be necessary to use register Module Path. The configuration in the customizing section contains the extension metadata and describes the objects that are replaced or extended.
- What are the SAP Fiori key principles?
Ans:
Role-based: The user only sees what they need to know.
Adaptive: Achieves seamless user experience on all devices (mobile, tablet, and desktop).
Coherent: Same look and feel across different apps.
Simple: Focuses on delivering a simple, intuitive user experience—1-1-3 (one user, one use case, and three screens).
Delightful: It’s beautiful and makes the user feel good.
- Mention the Evolution of UI technologies?
Ans:
- How to load the Bootstrap for UI5 framework to work in the Offline Mode?
Ans:
Reason being: Since the WebIDE local installation runs on Orion Server, which has all UI5 Framework Libraries pre-existing in the Server. To access the libraries in the framework, we define neo-app.json which acts as an interface between Orion Server ->> Resources ( test ) to load the framework.
- What is the difference between scaling up down to scaling in out?
Ans:
The term “scaling up” means to use a more powerful single server to process the workload that fits within the server boundaries. Scale-out is a different model which utilizes multiple processors as a single entity so a business can scale beyond the computer capacity of a single server.
- When was SAPUI5 introduced?
Ans:
SAPUI5 is a user interface development toolkit. First developed by SAP in 2010 under the code name Phoenix, the framework allows developers to create web applications for HTML5.
- Is Fiori open source?
Ans:
SAP Fiori is Free
OpenUI5 is an Open Source JavaScript UI library, maintained by SAP and available under the Apache 2.0 license.
- Explain how and why we could use property decorators in TS? Explain how and why we could use property decorators in TS?
Ans:
Decorators can be used to modify the behavior of a class or become even more powerful when integrated into a framework. For instance, if your framework has methods with restricted access requirements (just for admin), it would be easy to write an @admin method decorator to deny access to non-administrative users, or an @owner decorator to only allow the owner of an object the ability to modify it.
- class CRUD {
- get() { }
- post() { }
- @admin
- delete() { }
- @owner
- put() { }
- }
- What is SAPUI5 bootstrapping?
Ans:
SAPUI5 provides several bootstrap files for different use cases. This is the standard bootstrap file. It already contains jQuery, jquery-ui-position and only the minimum required parts of the core library
- What are the 3 deployment options of SAP Fiori?
Ans:
You have five basic SAP Fiori deployment options. SAP provides a useful paper to guide you on deployment, with detailed descriptions of the pros and cons of each scenario. These include FES embedded deployment, FES hub deployment, gateway embedded, gateway hub and cloud.
60.What are the goals of the new SAPUI5 based Fiori apps?
Ans:
The goal of SAP Fiori is to build an intuitive, simple-to-use UI for all SAP applications. It is not only to provide the user a consistent experience across all SAP applications and hence not need to adjust, but also to save time by not clicking around in unnecessarily complex and unintuitive user interfaces.
- What does the SAP Fiori Rule 1 1 3 mean?
Ans:
Simple – To keep things simple, SAP has developed what it calls the “1-1-3 scenario”—One user, one use case and three screens. Role-Based – Fiori apps show the most relevant information to the user, based on role. Responsiveness – Response time is always an important parameter when designing and testing a Fiori app
- What is SAP WEB IDE?
Ans:
SAP WebIDE is an Integrated Development Environment (IDE) which allows developers to create/extend Fiori Apps.
- What Information Can Be Stored In The Manifest.Json File Of Your App?
Ans:
- Root view
- Supported device types
- Supported themes
- Why WebIDE?
Ans:
- It makes easier to develop Fiori Apps using ready to use templates.
- Extensibility pane to extend Fiori Applications.
- Multiple Deployment options.
- Allows team sharing repository. Git repository
- Can access it from anywhere on any device. No local footprint (local installation is required).
- What is metatag in html?
Ans:
It depicts the metadata of HTML page. ( refer: www.w3cshools.com for more characteristics information)
Characteristics of metatag are:
Encoding-type – help user to identify the type of characters that are applicable
Author– created by
Keyword – reside in metatag for search engine optimization
Description – description about the websites in the search engines
- What are block level elements?
Ans:
Block level elements are used to structure the HTML content properly. These elements don’t have their own footprint on page. Two types of block level elements:
div – Division tag,
- It automatically starts with a new line
- Used to create/group a block of elements.
span – inline element
- It doesn’t starts from new line
- It wraps an existing HTML element
- What are List tags in HTML?
Ans:
List tags are used to display sequence of data.
There are two types of list tags:
- Unordered list –
- Ordered list –
- Difference between Open UI5 and SAP UI5?
Ans:
- Open UI5 is a Subset of SAP UI5, Most commonly used libraries are part of open UI5 for consumption by users.
- Open UI5 is an open source under Apache 2.0 license where as SAP UI5 is a licensed product, this comes along with SAP Netweaver or SCP (SAP Cloud Platform – formally known as HCP – HANA Cloud Platform).
- What is Inline Styling?
Ans:
Inline styling is an element level / tag level styling which gets applied to all the elements defined in the tag. So if there are multiple elements, applying style for each and every element is not feasible. In that case we use Internal Style.
- What is Responsive Web Design?
Ans:
Web design which adapts itself according to screen size to provide a consistent user experience. Based on device available space, the screen adjusts itself without a scroll bar at page level.
- What are Fiori elements?
Ans:
SAP Fiori elements is a framework that comprises the most commonly used floorplan templates and is designed to:
- Speed up development by reducing the amount of frontend code needed to build SAP Fiori apps.
- Drive UX consistency and compliance with the latest SAP Fiori design guidelines.
- What are the Lifecycle methods of the SAPUI5 views controller?
Ans:
There are four Lifecycle methods available in every SAPUI5 view controller.
- onInit()
- onExit()
- on after rendering()
- on before rendering()
- onInit is called when a view is instantiated and its controls (if available) have already been created;
- onExit is called when the view is destroyed, used to free resources and finalize activities;
- on after rendering when the view has been rendered and therefore its HTML is part of the document;
- on before rendering is called before the controller view is re-rendered and not before the first rendering.
- What Are Semantic Colors In Sapui5?
Ans:
They are representations of states such as success, warning, and error.
74.What Is The Benefit Of Data Binding Within Sapui5?
Ans:
SAPUI5 uses data binding to bind two data sources or information sources together to keep them in sync. This means: All changes in one source are also reflected in the other one.
- Define structure of a Web Application / HTML page?
Ans:
Any Web Application that is understood by browser is always a HTML page which is a static web-page. Structure of a typical web app page is a html page.
- What Are Dialogs In Sapui5?
Ans:
- They are rendered into a particular place (the static place) within the DOM.
- They needo be delivered to the “established” aggregation of the view to get get right of entry to to the fashions.
- How Are Unit Tests For Your App Started In Sap Web Ide?
Ans:
- By selecting the run configuration Run Unit Tests
- By right-clicking the unitTests.Qunit.Html report and deciding on an choice from the Run menu
- Why Is Not All Javascript Code Put In A script Tag Directly On The Index.Html Page?
Ans:
- To certainly separate concerns in keeping with the MVC idea.
- To make your code a great deal less complicated to examine and hold
- To enable your code to dynamically load sources as they’re wished
- How Can You Add A Margin All Around A Control?
Ans:
elegance=”sapUiSmallMargin”
- How Can Sap.M.Table Behave On Smaller Devices Such As Phones And Tablets?
Ans:
- It hides much less important columns.
- It displays much less essential columns as a “pop-in”; it stacks them vertically inside the row making the table larger in top.
- Why Sapui5 Instead Of Html5?
Ans:
As HTML5 world is the new age the front era throughout all aspect of internet packages SAP changed into form of trailing in this age due to the fact SAP was using age old WebDynpro for building SAP Web Applications which lacks in wealthy and consumer-friendly UI. SAP recognized this and came up with its very own custom HTML5 library i.E. SAPUI5.
- Why Is Automated Testing Beneficial For App Development?
Ans:
- It notably reduces the guide testing attempt.
- It is less difficult handy over the app to other builders.
- You can avoid regressions and insects to your code.
- What is SAP UI5 design-time & run-time component ?
Ans:
- What Is Sinon.Js?
Ans:
A standalone unit checking out library for JavaScript that offers spies, stubs, and mocks
- Which Benefits Does The Hash-primarily based Navigation In Sapui5 Offer?
Ans:
- Hash-primarily based navigation adjusts the modern hash for your interactions with the app, so that the URL can always be bookmarked.
- It allows you to construct one-page apps in which the contextual navigation is finished by means of changing the hash, so the browser does not have to reload the page.
- Which Options For Code Reuse Are Available In Sapui5?
Ans:
- Controller inheritance
- Nested views
- Fragments
- For What Stands The Abbreviation Json?
Ans:
Java Script Object Notation
- How to declare different views in JS?
Ans:
- ui.core.mvc.ViewType.JS
- ui.core.mvc.ViewType.XML
- ui.core.mvc.ViewType.JSON
- ui.core.mvc.ViewType.HTML
- What is Template Aggregation of a Table Control?
Ans:
A Template Aggregation of a control identifies how the control will be displayed on UI. It provides the control with information about what type of control we want to assign to the column and defines what kind of behavior is expected from the aggregation. e.g. textfield, dropdown, label, radio, checkbox.
- How Navigation Works In Sapui5?
Ans:
Sap uses two mechanisms, routing and EventBus. Routing Is specifically used for bookmarking the URL. We define routing in component.js within the metadata. It also defines the navigation path and hash changer which is used at the runtime to change the url of the particular screen.
- Define Control Hierarchy of a SAP UI5 control?
Ans:
92.Steps in which SAP UI5 framework executes and application
Ans:
Step 1: Gets the controller name (getControllerName )
Step 2: Creates object of the Controller
Step 3: pass the object of the Controller to the content (createContent)