Ronny Weiss - Template Components

Transcript

1. Template Components Ronny Weiß in APEX 23.1 Principal Member of Technical Staff Oracle, APEX Development Core Team 2023-10-26
2. 2 Copyright © 2023, Oracle and/or its affiliates Ronny Weiss 2013 Degree in Information Systems 2013-2021 Software Developer at Kontron AIS Dresden GmbH • Projects with APEX, native Web, .NET, QlikView • DevOps Product Development with APEX in the Oracle Cloud • Since 2017 also development of open-source plug-ins for APEX Since September 2021 Developer in Oracle APEX Development Team with focus on Items, Interactive Grid and Template and Web Components Linktr.ee: https://linktr.ee/ronny.weiss Twitter: @ronny_weiss_
3. Templating in the past Theme Templates and Classic Report - Template could not be shared without sharing the theme - No declarative image support - No declarative column mapping when using templates in Classic Report - When changing the template, the column has to be renamed - Limited to 32k (Classic Report) - No declarative button and action menu support Copyright © 2023, Oracle and/or its affiliates 3 Quelle (2023-10-25): https://apex.oracle.com
4. Template Components Overview - The new Plug-in Type ”Template Component” adds new template attributes that map to custom plug-in attributes for declarative use in Page Designer - Introduces Action Positions and Action Templates for plug- ins - Support for Actions and Menu buttons with row level conditions - Supports template directives - Support for CSS and JavaScript files - Support of declarative images - CLOB Support for Partial/Report Region Copyright © 2023, Oracle and/or its affiliates 4 Quelle (2023-10-25): https://apex.oracle.com
5. Template Components Overview - Available as: - Partial Region - Report Region - Interactive Report Columns - Server-side rendering (Lazy Loading support) - Preserves page when paginate - Support of Entity Titles - Support of Faceted Search/Smart Filters/Order by Item - Usage of TableModelView.js and Model.js Copyright © 2023, Oracle and/or its affiliates 5 Quelle (2023-10-25): https://apex.oracle.com
6. Default Templates What inside UT 23.1/23.2 - Partial: - Avatar - Badge - Report: - Comments - Content Row - Media List - Timeline Copyright © 2023, Oracle and/or its affiliates 6 Quelle (2023-10-25): https://apex.oracle.com
7. How it works Do I really have to write code? - Totally different to other plug-in types! - Only Template HTML Markup for creation of plug-ins needed - No usage of PL/SQL Code - CSS and JavaScript is optional - JavaScript should be used with Web Components Copyright © 2023, Oracle and/or its affiliates 7 Quelle (2023-10-25): https://apex.oracle.com
8. Template Directives util.applyTemplates → https://apex.oracle.com/jsapi - Data substitutions - If condition directives - Case condition directives - Loop directives Copyright © 2023, Oracle and/or its affiliates 8 Quelle (2023-10-25): https://apex.oracle.com
9. With-Apply Combine your Plug-ins - Reuse your Partial plug-ins in other Template Components - Not available with apex.util.applyTemplate in 23.1/23.2 (With-Apply is supported but not Component Plug-ins) Copyright © 2023, Oracle and/or its affiliates 9 Quelle (2023-10-25): https://apex.oracle.com
10. Declarative Action Buttons Declarative Links, Buttons and Action Menus - Support of declarative: - Links - Buttons - Action Menus - Submenus - Seperators - Row based Conditions Copyright © 2023, Oracle and/or its affiliates 10 Quelle (2023-10-25): https://apex.oracle.com
11. Create Plug-ins What’s possible? - Copy Template plug-ins in your plug-in repository - When create new Plug-in then “Hello-World” sample is preset - Import/export/subscribe/share your plug-ins (on apex.world) - Add own JavaScript and CSS Files - New JavaScript based things should be added as Web Component Copyright © 2023, Oracle and/or its affiliates 11 Quelle (2023-10-25): https://apex.oracle.com
12. Sample App https://apex.oracle.com/pls/apex/f?p=103428:43 Copyright © 2023, Oracle and/or its affiliates 12 Quelle (2023-10-25): https://apex.oracle.com
13. Template Component Challenge https://apex.mt-itsolutions.com/ords/r/portal/apex/template-component-challenge Copyright © 2023, Oracle and/or its affiliates 13 Quelle (2023-10-25): https://apex.mt-itsolutions.com