Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vaibhavmojidra/sap-ui5---demo-basic-ui-typo-error-debugging-using-sapui5-diagnostics-tools
SAPUI5 Diagnostics Tools are essential for debugging and optimizing the performance of SAPUI5 applications. These tools offer insights into various aspects of your application's runtime behavior, allowing you to identify and resolve issues efficiently.
https://github.com/vaibhavmojidra/sap-ui5---demo-basic-ui-typo-error-debugging-using-sapui5-diagnostics-tools
debugging mojidra sap sap-ui5 sapui5-diagnostics-tools vaibhav vaibhav-mojidra vaibhavmojidra
Last synced: 15 days ago
JSON representation
SAPUI5 Diagnostics Tools are essential for debugging and optimizing the performance of SAPUI5 applications. These tools offer insights into various aspects of your application's runtime behavior, allowing you to identify and resolve issues efficiently.
- Host: GitHub
- URL: https://github.com/vaibhavmojidra/sap-ui5---demo-basic-ui-typo-error-debugging-using-sapui5-diagnostics-tools
- Owner: VaibhavMojidra
- License: mit
- Created: 2023-11-30T12:07:34.000Z (12 months ago)
- Default Branch: master
- Last Pushed: 2023-11-30T12:11:30.000Z (12 months ago)
- Last Synced: 2023-11-30T13:30:06.660Z (12 months ago)
- Topics: debugging, mojidra, sap, sap-ui5, sapui5-diagnostics-tools, vaibhav, vaibhav-mojidra, vaibhavmojidra
- Language: JavaScript
- Homepage: https://vaibhavmojidra.github.io/site/
- Size: 3.16 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# SAP UI5 Demo Basic UI Typo Error Debugging Using SAPUI5 Diagnostics Tools
SAPUI5 Diagnostics Tools are essential for debugging and optimizing the performance of SAPUI5 applications. These tools offer insights into various aspects of your application's runtime behavior, allowing you to identify and resolve issues efficiently.
### Error Explaination:
We have done a small typo in our file [/webapp/view/InvoicesList.view.xml](https://github.com/VaibhavMojidra/SAP-UI5---Demo-Basic-UI-Typo-Error-Debugging-Using-SAPUI5-Diagnostics-Tools/blob/master/webapp/view/InvoicesList.view.xml "InvoicesList.view.xml")
which is capital 'T' instead of small t in number attribute binding Ex`T`endedPrice.
#### Result of error
Because of this typo we are unable to see the numbers / currency in our invoices list.
#### Wrong code
```
number = "{
parts: [
'invoice>ExTendedPrice',
'myView>/currency'
],
type: 'sap.ui.model.type.Currency',
formatOptions: {
showMeasure: false
}
}"
```
#### Right code after debug should be:
```
number = "{
parts: [
'invoice>ExtendedPrice',
'myView>/currency'
],
type: 'sap.ui.model.type.Currency',
formatOptions: {
showMeasure: false
}
}"
```
### How to debug this code
Step 1: After running the code press `Ctrl` + `Shift` + `ALT` + `S` (For WINDOWS) or `control` + `shift` + `option` + `S` (For MAC)
Step 2: SAPUI5 Diagnostics Tools Will be opened. Click and expand the Control Tree.
Step 3: Click and expand list control and click on 'ObjectListItem0' which is first item in our list.
Step 4: Go to the Binding Infos tab on the right, and scroll down, we can actually see that the binding path of the number attribute is marked as invalid.
Step 5: We found issue now check the spelling and correct it and try re-running the app.
All the steps are shown below with screenshots and also a video link for same is here: [How To Debug](https://github.com/VaibhavMojidra/SAP-UI5---Demo-Basic-UI-Typo-Error-Debugging-Using-SAPUI5-Diagnostics-Tools/raw/master/How%20to%20debug%20-%20Video/HowToDebug.mp4 "How To Debug")
---
[](https://vaibhavmojidra.github.io/site/)
[](https://vaibhavmojidra.github.io/site/)
[](https://vaibhavmojidra.github.io/site/)
[](https://vaibhavmojidra.github.io/site/)
[](https://vaibhavmojidra.github.io/site/)
[](https://vaibhavmojidra.github.io/site/)