UI5con HYBRID 2022: P13nify Everything - Personalization for Any Control (Workshop)

Описание: Benedikt Schölch and Martin Häuser are showing you how you can add personalization to almost every #UI5 control. If you have a custom control that you would like to enhance with filtering, sorting, or other options this workshop is for you. The two are leading you through the enablement of a custom control using the assets provided by UI5 according to the latest SAP Fiori UX Guidelines. You should be able to apply your knowledge afterwards in your own application or control development.

Prerequisites: Intermediate UI5 knowledge, current version of git, Node.js (incl. npm), and a code editor (during the workshop Visual Studio Code was used).

Event: #UI5conHYBDIRD2022
Speaker: Benedikt Schölch, SAP | Martin Häuser, SAP
---
00:00 Introduction
01:04 The Meaning Of Personalization In UI5
02:39 Introduction To The P13N Engine in UI5
03:20 Capabilities Of The P13N Engine
05:35 About The Workshop Format
07:18 Getting Started With The Exercises (https://bendkt.github.io/ui5con2022-p...)
09:10 Exercise 1 - Setup the Application
10:16 Exercise 2 - Custom Table for P13n
12:43 Exercise 3 - Engine Registration
20:09 Exercise 4 - Column Selection Controller and Popover
25:13 Exercise 5 - Sorting and Grouping Capabilities
30:07 Exercise 6 - Changing Control State
35:11 Q/A: Is It Possible To Use Different Kind Of Models With The P13N Engine?
36:24 Recap: What We Learned So Far
37:04 Exercise 7 - Grid Filter Control
45:02 Exercise 8 - Filtering the Table via Selection Controller
54:32 Exercise 9 - Info Toolbar for Table Filters
57:47 Exercise 10 - Dialog Customization and Clear Filters
01:02:17 Exercise 11 - Variant Management
01:14:06 Q/A: When Will The P13N Engine Publicly Available?
01:15:03 Q/A: How Are The Variants Saved?
01:17:21 Q/A: Does This Variant Management Work Automatically When The App Is Deployed To SAP Fiori Launchpad?
—
Resources:
Slides: https://sap-my.sharepoint.com/:b:/p/b...
Exercises: https://bendkt.github.io/ui5con2022-p...
Report Issue: https://github.com/bendkt/ui5con2022-...
API Reference: https://ui5.sap.com/1.105.0/#/api/sap...