APEX újdonságok és kitekintés a világ többi részére.

1. APEX Budapes - meetup
2023.05.31 - Pataki Dávid
www.enrol.hu

2. APEX PWA
2

3. Egyszerű szöveg
3

4. Paraméterezett link
4
declare
v_name varchar2(100);
begin
select department_name into v_name from oehr_departments
where department_id= :P2_DEPS;
apex_pwa.send_push_notification (
p_application_id => 45240,
p_user_name => 'DEMO',
p_title => 'Munkavállalók feladat',
p_body => 'Ellenőrizd a ' || v_name || ' üzletágat!',
p_target_url => apex_util.host_url||
apex_page.get_url( p_application => 45240,
p_page => 10,
p_items => 'P10_DEPS',
p_values => :P2_DEPS )
);
apex_pwa.push_queue;
:P2_DEPS:=null;
end;

5. Template directives
5

6. 6

7. Template directives
7
{if ?COMMISSION_PCT/}
{case COMMISSION_PCT/}
{when 0,30/}
<span class="u-color-15">#COMMISSION_PCT#</span>
{when 0,35/}
<span class="u-color-16">#COMMISSION_PCT#</span>
{otherwise/}
#COMMISSION_PCT#
{endcase/}
{else/}
<span class="u-color-9-text">Nincs jutalék </span>
{endif/}

8. APEX AJAX
8

9. AJAX call
9
Riport azonosítása
Oszlop és sor
azonosítása
Szülő <td> kijelölése
<td> hover css
in/out/pointer
Függvény <td> -
hez rendelése
ID kiolvasása
AJAX call
Page process
Klikk → függvény
hívás
Riport frissítése

10. Riport azonosítása
10

11. Oszlop és sor azonosítása
11

12. Oszlop és sor azonosítása
12
<td><span id="#EMPLOYEE_ID#" class="SAL">#SALARY#</span></td>

13. Riport beállítása
13

14. Riport beállítása - set_report
14
function set_report() {
$("span.SAL").parent().hover(
function(){ $(this).css("background-color", "lightgrey"); },
function(){ $(this).css("background-color", ""); }
);
$("span.SAL").parent().css({"cursor": "pointer"});
$("span.SAL").parent().attr('onClick', 'f_addsal(this);');
}

15. AJAX hívás
15
function f_addsal(e){
var k = e.children[0].id;
apex.server.process('PROC_SAL',
{x01:k},
{dataType: 'text',
success: function(pData)
{
console.log("result: " + pData);
apex.region("myREPORT").refresh();
}
}) ;
}

16. Page process
16
begin
update oehr_employees set salary=salary*1.1
where employee_id=apex_application.g_x01;
commit;
htp.p('ok');
end;

17. Újragenerált riport
17

18. Riport újbóli beállítása
18

19. Riport újbóli beállítása
19

20. AJAX call
20
Riport azonosítása
Oszlop és sor
azonosítása
Szülő <td> kijelölése
<td> hover css
in/out/pointer
Függvény <td> -
hez rendelése
ID kiolvasása
AJAX call
Page process
Klikk → függvény
hívás
Riport frissítése

21. APEX közösség
21

22. Meetups everywhere
22

23. 23

24. 24

25. APEX fejlesztői csapat - 2023
25

26. Mit érdemes követni?
26
https://apex.oracle.com/
https://apex.world/
apex.oracle.com/officehours

27. Statisztika
27
Oracle cloud apex.oracle.com
Workspace 5 700 52 000
Active app 7 200 28 000
Page view 39 000 000 48 000 000
*2022 április

28. apex.oracle.com users worldwide
28

29. Visszajelző form
29

30. 30

31. Köszönöm a figyelmet!
Enrol Consulting Kft. - david.pataki@enrol.hu
www.enrol.hu