SAPUI5 Getting Started (SAP HANA) - Versionsgeschichte

Matt am 10. Februar 2023 um 15:55 Uhr

2023-02-10T15:55:52Z

← Nächstältere Version		Version vom 10. Februar 2023, 17:55 Uhr
Zeile 1.135:		Zeile 1.135:

	Open diagnostics tool: <code>Ctrl</code> + <code>Shift</code> + <code>Alt</code> + <code>S</code>		Open diagnostics tool: <code>Ctrl</code> + <code>Shift</code> + <code>Alt</code> + <code>S</code>

			Use debug sources: <code>Ctrl</code> + <code>Shift</code> + <code>Alt</code> + <code>P</code>

			After that activate the "Use Debug Sources" checkbox. When reloading in the Chrome DevTools files will be loaded with the "-dbg" suffix. These are source code files that include comments and uncompressed code of the OpenUI5 artifacts.

			This can be also achieved by adding the parameter to the url: <code>sap-ui-debug=true</code>

Matt am 10. Februar 2023 um 15:48 Uhr

2023-02-10T15:48:40Z

← Nächstältere Version		Version vom 10. Februar 2023, 17:48 Uhr
Zeile 1.131:		Zeile 1.131:
	* API reference: https://ui5.sap.com/#/api/sap.ui.core.dnd		* API reference: https://ui5.sap.com/#/api/sap.ui.core.dnd
	* Drag-and-Drop enabled for all UI5 controls: https://blogs.sap.com/2018/07/19/drag-and-drop-is-now-enabled-for-all-ui5-controls/		* Drag-and-Drop enabled for all UI5 controls: https://blogs.sap.com/2018/07/19/drag-and-drop-is-now-enabled-for-all-ui5-controls/

			== Debugging Tools ==

			Open diagnostics tool: <code>Ctrl</code> + <code>Shift</code> + <code>Alt</code> + <code>S</code>



	[[Category:SAP]]		[[Category:SAP]]
	[[Category:HANA]]		[[Category:HANA]]
	[[Category:JavaScript]]		[[Category:JavaScript]]

Matt: /* Enable Drag and Drop in Lists */

2021-01-14T17:11:36Z

Enable Drag and Drop in Lists

← Nächstältere Version		Version vom 14. Januar 2021, 19:11 Uhr
Zeile 1.083:		Zeile 1.083:
	</syntaxhighlight>		</syntaxhighlight>

	Implementation: Detail.view.xml		Implementation: https://github.com/mattxdev/opensap-ui52-orders/blob/master/webapp/view/Detail.view.xml

	Create a new custom button and extend its metadata:		Create a new custom button and extend its metadata:

	Implementation: DeleteButton.js		Implementation: https://github.com/mattxdev/opensap-ui52-orders/blob/master/webapp/control/DeleteButton.js

	Add XML code to enable drop feature to the custom button:		Add XML code to enable drop feature to the custom button:
Zeile 1.121:		Zeile 1.121:

	In order to provide a better user experience the user should be asked for confirmation before an item is deleted. this will be done with the ''_confirmDelete'' function.		In order to provide a better user experience the user should be asked for confirmation before an item is deleted. this will be done with the ''_confirmDelete'' function.

			Implementation: https://github.com/mattxdev/opensap-ui52-orders/blob/master/webapp/controller/Detail.controller.js

	See also exercise from openSAP course UI52: Week 4 Unit 2 - Exercise: Improving User Experience with Drag and Drop		See also exercise from openSAP course UI52: Week 4 Unit 2 - Exercise: Improving User Experience with Drag and Drop

Matt: /* Enable Drag and Drop in Lists */

2021-01-14T17:00:09Z

Enable Drag and Drop in Lists

@@ Zeile 1.089: / Zeile 1.089: @@
 Implementation: DeleteButton.js
-Add XML code to enable drop feature tot the custom button:
+Add XML code to enable drop feature to the custom button:
 See also exercise from openSAP course UI52: Week 4 Unit 2 - Exercise: Improving User Experience with Drag and Drop

Matt am 14. Januar 2021 um 16:50 Uhr

2021-01-14T16:50:20Z

@@ Zeile 1.070: / Zeile 1.070: @@
 See also exercise from openSAP course UI52: Week 4 Unit 1: Creating Items and Validating User Input
 [[Category:SAP]]
 [[Category:HANA]]
 [[Category:JavaScript]]

Matt: /* Creating Entries with OData */

2021-01-14T15:11:06Z

Creating Entries with OData

← Nächstältere Version		Version vom 14. Januar 2021, 17:11 Uhr
Zeile 1.065:		Zeile 1.065:
	Afther the _onCreateSuccess function is triggered, the view will be unbound from the created object. A MessageToast shows a success message to the user. Lastly the As a last step, navigate to the created item.		Afther the _onCreateSuccess function is triggered, the view will be unbound from the created object. A MessageToast shows a success message to the user. Lastly the As a last step, navigate to the created item.

	Implementation: Create.controller.js		Implementation: https://github.com/mattxdev/opensap-ui52-orders/blob/master/webapp/controller/Create.controller.js

	Documentation: https://ui5.sap.com/#/topic/6c47b2b39db9404582994070ec3d57a2.html		Documentation: https://ui5.sap.com/#/topic/6c47b2b39db9404582994070ec3d57a2.html

Matt: /* Message Popover for Logging Errors */

2021-01-14T15:10:13Z

Message Popover for Logging Errors

← Nächstältere Version		Version vom 14. Januar 2021, 17:10 Uhr
Zeile 1.009:		Zeile 1.009:
	In the handler of the popover button ''onOpenMessages'' open the ''MessagePopover''.		In the handler of the popover button ''onOpenMessages'' open the ''MessagePopover''.

	~~Implementation~~: ~~Craete.view.xml, Create.controller.js~~		Implementations:

			* https://github.com/mattxdev/opensap-ui52-orders/blob/master/webapp/view/Create.view.xml
			* https://github.com/mattxdev/opensap-ui52-orders/blob/master/webapp/controller/Create.controller.js

	See also exercise from openSAP course UI52: Week 4 Unit 1: Creating Items and Validating User Input		See also exercise from openSAP course UI52: Week 4 Unit 1: Creating Items and Validating User Input

Matt: /* Add MessageManager for Displaying Messages */

2021-01-14T15:09:25Z

Add MessageManager for Displaying Messages

← Nächstältere Version		Version vom 14. Januar 2021, 17:09 Uhr
Zeile 986:		Zeile 986:
	In ''onInit'' a global message manager will be registered and a special ''message'' model will be established to redtieve and display error messages.		In ''onInit'' a global message manager will be registered and a special ''message'' model will be established to redtieve and display error messages.

	Implementation: Create.controller.js		Implementation: https://github.com/mattxdev/opensap-ui52-orders/blob/master/webapp/controller/Create.controller.js

	See also exercise from openSAP course UI52: Week 4 Unit 1: Creating Items and Validating User Input		See also exercise from openSAP course UI52: Week 4 Unit 1: Creating Items and Validating User Input

	Documentation:		Documentation:
	https://ui5.sap.com/#/entity/sap.ui.core.message.MessageManager
	https://ui5.sap.com/#/topic/b8c4e534cdb440e9a5bbff86f9572bd6		* https://ui5.sap.com/#/entity/sap.ui.core.message.MessageManager
			* https://ui5.sap.com/#/topic/b8c4e534cdb440e9a5bbff86f9572bd6

	=== Message Popover for Logging Errors ===		=== Message Popover for Logging Errors ===

Matt: /* Add Input Validation Client and Server Side */

2021-01-14T15:08:31Z

Add Input Validation Client and Server Side

← Nächstältere Version		Version vom 14. Januar 2021, 17:08 Uhr
Zeile 974:		Zeile 974:
	Use contraints to ensure input of correct values at the client side. In the following implementation this happens with regular expressions. Also set minimum value for quantity.		Use contraints to ensure input of correct values at the client side. In the following implementation this happens with regular expressions. Also set minimum value for quantity.

	Implementation:		Implementation: https://github.com/mattxdev/opensap-ui52-orders/blob/master/webapp/view/Create.view.xml


Zeile 981:		Zeile 981:

	See also exercise from openSAP course UI52: Week 4 Unit 1: Creating Items and Validating User Input		See also exercise from openSAP course UI52: Week 4 Unit 1: Creating Items and Validating User Input




	=== Add MessageManager for Displaying Messages ===		=== Add MessageManager for Displaying Messages ===

Matt: /* Add CRUD Form to Flexible Column Layout */

2021-01-14T15:07:22Z

Add CRUD Form to Flexible Column Layout

@@ Zeile 915: / Zeile 915: @@
 Exercise from openSAP course UI52: Week 4 Unit 1: Creating Items and Validating User Input
-Form will be called from "+"-Button in Detail View. Implementation:
+<syntaxhighlight lang="XML">
 Create a new XML View and controller. Implementations:
 Add create target and create route to the ''manifest.json'':
 Information about Routing and Navigation: https://ui5.sap.com/#/topic/3d18f20bd2294228acb6910d8e8a5fb5
@@ Zeile 927: / Zeile 960: @@
 Extend existing ''Detail.controller.js'':
 === Add Input Validation Client and Server Side ===