This example uses s:onEventAjax to render a inline function that fade the image using f:ajax 'onevent' property. This is a variant of s:jsCallbackFunction to make easier write this specific callback

The typical use case is how to hook f:ajax 'onevent' with a function callback. The param 'e' knows the source of the ajax operation, but doesn't know the target of further operations. In this case, s:effectFade forId="panel" is used to indicate that a fade operation is required to be applied on the panel with the image.

To generate the event name there are two options:

• mc:findComponentFrom(component,'someId').functionName
• s:jsCallbackFunctionName(component,'someId')

Panel A

The generated function name is :action_mainForm_3Aitems_3A0_3AjsFC1

Panel B

The generated function name is :action_mainForm_3Aitems_3A1_3AjsFC1

Panel C

The generated function name is :action_mainForm_3Aitems_3A2_3AjsFC1