Help With SkillBuilders Plug-Ins Integration

Question

Hi All,
I have the following situation and I appreciate any help regarding to this (Apex Version 4.1.1.00.23):
I have a Page with the SB Calendar Plug-In, when the user clicks on the Create Event button, a modal page pop-ups with a form that allows the user to enter an event using the Schedule Plug-in. After created, the modal page closes and the calendar is refreshed with the event. This part works fine.
My problem is with the following situation: when clicking in an existing Event on the Calendar, I want to be able to open the same modal page with the Event Details to allow the user to modify it.
I tried defining a class in my Calendar query, and specified the URL with the Event Details Page; also, created a Dynamic Action to trigger when the class is clicked (Scope: live) and open the modal, but what it does instead:
1. The Modal Page opens empty, and immediately
2. The complete page is redirected to the Event Details Page with the information of the Event.I set up an example on apex.oracle.com:
Workspace: EDIAZJORGE
Username: TEST
Password: test
Application: 34925 - Schedule Event
Again, I appreciate any help!
Thank you and regards,
Erick

Answer 1

Erick,
When the anchor is clicked, its default action is executed, which is to redirect to the href.
You have bound a click handler to the div container of the anchor. This occurs, and you briefly see the modal start up before the page is redirected.
So, to fix this the default action on click of the anchor tag has to be prevented.
You can not specify something like this in the plugin however, and also not from the SQL. Neither can you adjust the dynamic action: adding a "Cancel Event" true action will not fix this.
I changed the "Edit Event Details" dynamic action jQuery selector from ".eventClicked" to ".eventClickedLink"
I added a dynamic action "Attach modal page edit to links", which is a "Page load" action. There is a true action which executes javascript:
$(".eventClicked a").click(function(event){
event.preventDefault();
}).addClass("eventClickedLink")This will prevent the default action on click of the anchor tag, which has the eventClicked class on page load, and then add the class eventClickedLink to it, which will allow the modal page dynamic action to react to it (it has to have the dynamic scope too, which it already had).
The class juggle is necessary. If you'd not use the class names and let the page load, then the modal page dynamic action will already have bound a click handler to the matched elements. Assigning another click handler at that point would have no result.