How to call a javascript method after table load on JSFF Fragment load?

Hello,
The usecase is to invoke a javascript method after table is done loading (fetching data) when user lands to a JSFF fragment. With JSPX pages I can achieve that by using PagePhaseListener. I have tried with RegionController as follows, and the problem i face is that I cannot prevent multiple calls to the Javascript call when user presses a tab or button in a screen, or changes drop-down value with autosubmit on.
import javax.faces.context.FacesContext;
import oracle.adf.model.RegionBinding;
import oracle.adf.model.RegionContext;
import oracle.adf.model.RegionController;
import org.apache.myfaces.trinidad.render.ExtendedRenderKitService;
import org.apache.myfaces.trinidad.util.Service;
public class MyListener implements RegionController{
public MyListener() {
super();
@Override
public boolean refreshRegion(RegionContext regionContext) {
int refreshFlag = regionContext.getRefreshFlag();
System.out.println("Render flag is: "+refreshFlag);
if (refreshFlag == RegionBinding.PREPARE_MODEL)
initializeMethod();
regionContext.getRegionBinding().refresh(refreshFlag);
return false;
public boolean validateRegion(RegionContext regionContext) {
regionContext.getRegionBinding().validate();
return false;
public boolean isRegionViewable(RegionContext regionContext) {
return regionContext.getRegionBinding().isViewable();
public void initializeMethod() {
FacesContext f = FacesContext.getCurrentInstance();
ExtendedRenderKitService service = Service.getRenderKitService(f, ExtendedRenderKitService.class);
service.addScript(f, "myJSFunction();");
@Override
public String getName() {
return null;
I need the javascript to be called only once after the table is done loading when user lands to a fragment (jsff).
Any ideas appreciated?
JDeveloper version is 11.1.1.5.0
Thank you.
Valon
Edited by: Valon on Apr 11, 2013 3:10 PM

One of the requirements is to compare every row with the next row and highlight the changes. There are other requirements as well where JavaScript solution is used.
The question remains the same. Is it doable or not without changing the solution from JavaScript solution to server-side solution ? Can we call a JavaScript only once when the user lands to a jsff fragment ?
Hope that is clear.
Thanks.
Valon

Similar Messages

How to call a javascript method after the PPR event has finished ?

Hi!
How can we make a javascript method get called after the processing of ADF PPR event?
My specific use case is,
I want to call a javascript function after the data in the table is loaded...
In 10g, that is not a problem, as the data used to get loaded directly during onLoad, and so i would call my js function on load;
but in 11g , the table data is being loaded through PPR which is initiated onload, and so i needed to call my function after the PPR Response processing has been done; for which I need the name of the event triggered at that instance.
Is it possible to do this?
Regards,
Samba

Hey, I got it.
I handled the ADF Controller's PREPARE_RENDER_ID phase of the lifecycle, and then called the
script to get Executed.
The code :
    public void afterPhase(PagePhaseEvent pagePhaseEvent) {
        FacesPageLifecycleContext ctx = (FacesPageLifecycleContext)pagePhaseEvent.getLifecycleContext();
             if (pagePhaseEvent.getPhaseId() == Lifecycle.PREPARE_RENDER_ID) {
                if(AdfFacesContext.getCurrentInstance().isPostback() )
                    afterRender();
    }is written in lifecycle listener , and my backing bean extended this listener ,
and in the afterRender() method I did this :
   public void afterRender(){
            System.out.println("AFTER RENDER CALLED");
           FacesContext context = FacesContext.getCurrentInstance();
           ExtendedRenderKitService service = (ExtendedRenderKitService)Service.getRenderKitService(context, ExtendedRenderKitService.class);
           service.addScript(context, "translate();");
       }That's it.
It did work, magnificently.
Thanks for the idea.
Regards,
Samba

How to call a bean method from javascript event

Hi,
I could not find material on how to call a bean method from javascript, any help would be appreciated.
Ralph

Hi,
Basically, I would like to call a method that I have written in the page java bean, or in the session bean, or application bean, or an external bean, from the javascript events (mouseover, on click, etc...) of a ui jsf component. I.e., I would like to take an action when a user clicks in a column in a datatable.
Cheers,
Ralph

How to call jpf controller method from javascript

Can any one help me how to call pageflow controller method from JavaScript.\
Thanks.

Accessing a particular pageflow method from Javascript is directly not possible unless we do some real funky coding in specifying document.myForm.action = xyz...Heres what I tried and it did not work as expected: I found another workaround that I will share with you.
1. In my jsp file when I click a button a call a JavaScript that calls the method that I want in pageflow like this: My method got invoked BUT when that method forwards the jsp, it lost the portal context. I saw my returned jsp only on the browser instead of seeing it inside the portlet on the page of a portal. I just see contents of jsp on full browser screen. I checked the url. This does make the sense. I do not see the url where I will have like test1.portal?_pageLabe=xxx&portlet details etc etc. So this bottom approach will notwork.
document.getElementById("batchForm").action = "/portlets/com/hid/iod/Batches/holdBatch"; // here if you give like test1.portal/pagelable value like complete url...it may work...but not suggested/recommended....
document.getElementById("batchForm").submit;
2. I achieved my requirement using a hidden variable inside my netui:form tag in the jsp. Say for example, I have 3 buttons and all of them should call their own action methods like create, update, delete on pageflow side. But I want these to be called through javascript say for example to do some validation. (I have diff usecase though). So I created a hidden field like ACTION_NAME. I have 3 javascript functions create(), update() etc. These javascripts are called onclick() for these buttons. In thse functions first I set unique value to this hiddent field appropriately. Then submit the form. Note that all 3 buttons now go to same common action in the JPF. The code is like this.
document.getElementById("ACTION_NAME").value = "UPDATE";
document.getElementById("batchForm").submit.
Inside the pageflow common method, I retriev this hidden field value and based on its value, I call one of the above 3 methods in pageflow. This works for me. There may be better solution.
3. Another usecase that I want to share and may be help others also. Most of the time very common usecase is, when we select a item in a drop bos or netui:select, we want to invoke the pageflow action. Say we have 2 dropdown boxes with States and Cities. Anytime States select box is changed, it should go back to server and get new list of Cities for that state. (We can get both states and cities and do all string tokenizer on jsp itself. But inreality as per business needs, we do have to go to server to get dynamic values. Here is the code snippet that I use and it works for all my select boxes onChange event.
This entire lines of code should do what we want.
<netui:anchor action="selectArticleChanged" formSubmit="true" tagId="selectPropertyAction"/>
<netui:select onChange="document.getElementById(lookupIdByTagId('selectPropertyAction',this )).onclick();" dataSource="pageFlow.selectedArticleId" >
<c:forEach items="${requestScope.ALL_ARTICLE}" var="eachArticle">
<%-- workshop:varType="com.hid.iod.forms.IoDProfileArticleRelForm" --%>
<netui:selectOption value="${eachArticle.articleIdAsString}">${eachArticle.articleItemName}</netui:selectOption>
</c:forEach>
</netui:select>
See if you can build along those above lines of code. Any other simpler approches are highly welcome.
Thanks
Ravi Jegga

Adf faces: execute bean method after table is loaded

Hi,
How can I execute a method after an adf table is rendered on the page?
This is what I want to do:
I have a master/detail:
- the master part contains a list of materials
- the details contains a list of customers and volumes depending on the selected material.
I tried to add totals on the details table:
- I created an output text in the footer-facet of the colums containing volumes
- I created a binding of the detail table to a CoreTable.
- I created a method in a managed bean related to this CoreTable binding, so I can browse to all rows in the table and calculate the sum.
- I then set the value of the output text to the total calculated in the managed bean.
the problem is that I don't know how to execute the calculate procedure after the data in the detail table exists.
What I tried:
- call the calculate procedure in the setCoreTable method. --> at this point, there is no data in the table and this results in a nullPointerException when the pages is loaded.
- call the calculate procedure on the valueChangeListener of the material list --> this doesn't work because totals are calculated for the previous details set.
- I tried to add the call in one of the table listeners but I cannot find a listener that is executed after data is loaded in the table...
for testing purpose only, I added a button: calculateTotals that calculates the totals. This works correctly.

Hi,
if you use page fragments exposed in an ADF region, you have two options I see
1. Use a method call activity to call the managed bean
2. Use a hidden UI component that references the setter/getter exposed in a managed bean and just use this as an indication for the page fragment being loaded
Keragala

How to call backing bean method from java script

Hi,
I would like to know how to call backing bean method from java script.
I am aware of serverListener and [AjaxAutoSuggest article|http://www.oracle.com/technology/products/jdev/tips/mills/AjaxAutoSuggest/AjaxAutoSuggest.html]
but i am running in to some issues with [AjaxAutoSuggest article|http://www.oracle.com/technology/products/jdev/tips/mills/AjaxAutoSuggest/AjaxAutoSuggest.html]
regarding which i asked for help in other thread with subject ....Question on AjaxAutoSuggest article (Ajax Transactions Using ADF and J...)
The reason why i posted is ( though i realise both are duplicates) .. that threads looks as a specific question to that article hence i would like to ask the quantified problem is asked in this thread.
So could any please letme know how to call backing bean method from java script
Thanks
Murali
Edited by: mchepuri on Oct 24, 2009 6:17 PM
Edited by: mchepuri on Oct 24, 2009 6:20 PM

Hello,
May know how to submit a button autoamtically on onload of page with clicking a welcome alert box. the submit button has managed button too to show a message on console using SOP.
the problem is.
1. before loading the page a javascript comes on which i clicked ok
2. the page gets loaded and the button is there which gets automatically clicked and the managed bean associated with prints a message on console using SOP.
I m trying to do this through server listener and click listener. the code is(adf jspx page)
<?xml version='1.0' encoding='UTF-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
<jsp:directive.page contentType="text/html;charset=UTF-8"/>
<f:view>
<af:document id="d1" binding="#{backingBeanScope.backing_check4.d1}">
<af:form id="f1" binding="#{backingBeanScope.backing_check4.f1}">
<af:commandButton text="commandButton 1"
binding="#{backingBeanScope.backing_check4.cb1}"
id="cb1" action="#{beanCheck4.submit1}"/>
<af:clientListener type="click" method="delRow"/>
<af:serverListener type= "jsServerListener"
method="#{backingBeanScope.backing_check4.submit1}"/>
<f:facet name="metaContainer">
<af:resource type ="javascript">
x=confirm("hi");
// if(x){
delRow = function(event){
AdfCustomEvent.queue(event.getSource(), "jsServerListener", {}, false);
return true;
</af:resource>
</f:facet>
</af:form>
</af:document>
</f:view>

</jsp:root>
the backing bean code is -----
public class classCheck4 {
public classCheck4() {
public String submit1() {
System.out.println("hello");
return null;
}

How to call a Javascript function from backing bean without any event

Hi,
Someone knows how to call a Javascript function from backing bean without any event ?
thanks

Please review the following thread:
ADF Faces call javascript
Luis.

How to Call Event Handler Method in Another view

Hi Experts,
                   Can anybody tell me how to call Event handler Method which is declared in View A ,it Should be Called in
view B,Thanks in Advance.
Thanks & Regards
Santhosh

hi,
1)    You can make the method EH_ONSELECT as public and static and call this method in viewGS_CM/ADDDOC using syntax
    impl class name of view GS_CM/DOCTREE=>EH_ONSELECT "method name.
             or
2)The view GS_CM/ADDDOC which contains EH_ONSELECT method has been already enhanced, so I can't execute such kind of operation one more time.
                     or
3)If both views or viewarea containing that view are under same window , then you can get the instance ofGS_CM/DOCTREE from view GS_CM/ADDDOC through the main window controller.
lr_window = me->view_manager->get_window_controller( ).
    lv_viewname = 'GS_CM/DOCTREE '.
lr_viewctrl ?= lr_window ->get_subcontroller_by_viewname( lv_viewname ).
Now you can access the method of view GS_CM/DOCTREE .
Let me know in case you face any issues.
Message was edited by: Laure Cetin
Please do not ask for points, this is against the Rules of Engagement: http://scn.sap.com/docs/DOC-18590

How to call a AM method with parameters from Managed Bean?

Hi Everyone,
I have a situation where I need to call AM method (setDefaultSubInv) from Managed bean, under Value change Listner method. Here is what I am doing, I have added AM method on to the page bindings, then in bean calling this
Class[] paramTypes = { };
Object[] params = { } ;
invokeEL("#{bindings.setDefaultSubInv.execute}", paramTypes, params);
This works and able to call this method if there are no parameters. Say I have to pass a parameter to AM method setDefaultSubInv(String a), i tried calling this from the bean but throws an error
String aVal = "test";
Class[] paramTypes = {String.class };
Object[] params = {aVal } ;
invokeEL("#{bindings.setDefaultSubInv.execute}", paramTypes, params);
I am not sure this is the right way to call the method with parameters. Can anyone tell how to call a AM method with parameters from Manage bean
Thanks,
San.

Simply do the following
1- Make your Method in Client Interface.
2- Add it to Page Def.
3- Customize your Script Like the below one to Achieve your goal.
BindingContainer bindings = getBindings();
OperationBinding operationBinding = bindings.getOperationBinding("GetUserRoles");
operationBinding.getParamsMap().put("username", "oracle");
operationBinding.getParamsMap().put("role", "F1211");
operationBinding.getParamsMap().put("Connection", "JDBC");
Object result = operationBinding.execute();
if (!operationBinding.getErrors().isEmpty()) {
return null;
return null;
i hope it help you
thanks

How to call that javascript file?

I developed javascript for automated pdf files. But i don't know how to call that javascript file from outside of acrobat. Kindly advice me the various way to use that script. This is for acrobat 8.0 for windows platform.

You can place Acrobat JavaScripts in various form elements, document actions, documents, and the application folder or user application folder. See the Acrobat JavaScript API Reference and Guide fo rmore information, http://www.adobe.com/devnet/acrobat/javascript.html .
From within Acrobat's JavaScript's debugging console, one can use the following code to locate the JavaScript folders used by Acrobat/Reader:
function JSInfo() {
/* define function to report JS information */
// some basic system information
console.println(app.viewerType + ' ' + app.viewerVersion + ' is running on ' + app.platform);
// user level script folder
try {
var userJS = 'User level JS folder: ' + app.getPath("user","javascript");
} catch(e) {
var userJS = "User has not defined use JS folder level scripts";
console.println(userJS);
// application level script folder
try {
var appJS = 'Application level JS folder: ' + app.getPath("app","javascript");
} catch(e) {
var appJS = "There are no defined application level JS folder level scripts";
console.println(appJS);
return;
} // end of JSInfo function
JSInfo(); // call the function

How to call a bean method through a javascript function

I dont discover any problems calling the bean method in this maner:
<%= helpdesk.data() %>
But, when I use a Button Onclick= to call the script function and which then is going call my bean method
an error on the page is reported!
I have include som code which gives you the idea of what Iam searching for. And is it possible to call
the bean method without doing from a new jsp page?
If you have any suggestions to why it doesnt work, please let me know.
I use Apache Tomcat 4.0
Best regards Micah.
<jsp:useBean id='helpdesk' scope='application'
class='helpdesk.testdb'/>
<html>
<head>
<script language="javascript">
function broadcast()
helpdesk.data();
</script>
</head>
<body>
<input type="button" value="Broadcast" onclick= broadcast()>
</body>
</html>

It's actually quite simple:
Beans run server-side
Javascript runs client-side
So you will never be able to run server-side-code thru the client...

How to call a bean method through javascript?

Hi,
i want to call a bean method using the javascript.
thansk in advance.

hi
i want to call a backing bean method thought javscript on the button click.
i am inplementing addition of textbox at runtime.i wrote method and i am calling that on the button click.but the textbox is not created.
the code is bleow
public String doAction() {
     tryStuff1();
return "samplejsf";
public void tryStuff1()
System.out.println("Enter the trystuff method");
     FacesContext facesContext = FacesContext.getCurrentInstance();
UIViewRoot uIViewRoot = facesContext.getViewRoot();
Application application = facesContext.getApplication();
UIComponent formComp=uIViewRoot.findComponent("subbody:form1");
HtmlPanelGrid grid= new HtmlPanelGrid();
grid.setId("panelgrid2");
grid.setColumns(2);
grid.setBorder(2);
//UIComponent panelGridComp=formComp.findComponent("subbody:panelgrid1");
//UIComponent panelGroupComp=panelGridComp.findComponent("panelgroup2");
     HtmlOutputText output = new HtmlOutputText();
output.setValue("dynamic jsf text2");
System.out.println("hello output text2");
output.setRendered(true);
grid.getChildren().add(output);
HtmlInputText input = new HtmlInputText();
input.setSize(40);
input.setValueBinding("value", (ValueBinding) application.createValueBinding("#{sample.text2}"));
input.setRendered(true);
grid.getChildren().add(input);
System.out.println("hello output text1");
grid.setRendered(true);
formComp.getChildren().add(grid);
System.out.println("hello output text3:");
formComp.getRendersChildren();
formComp.setRendered(true);
public boolean getRendersChildren() {
     return true;
jsp code is
<h:form id="form1">
<h:panelGrid columns="2" binding="#{sample.formElements}">
</h:panelGrid>
<h:panelGrid id="panelgrid1" columns="1">
<h:panelGroup id="panelgroup1">
<h:outputText value="hardcoded jsf text1"/>
<h:inputText value="#{sample.text1}"/>
</h:panelGroup>
</h:panelGrid>
<h:commandButton id="add" action="#{sample.doAction}" value="add" type="SUBMIT"/>
</h:form>
when i click on the button its going into the method and diaplying s.o.p but the text box is not updated to the page.
why is it so.
i thought there may be a problem in calling the method directly thru button. i want to try thru javascript calling the bean method.
why is the page not updated.
can u help me out
thanks in advance
sree

How to call a static method from an event handler

Hi,
I'm trying to call a static method of class I designed. But I don't know how to do it. This method will be called from an event handler of a web dynpro for Abap application.
Can somebody help me?
Thx in advance.
Hamza.

To clearly specify the problem.
I have a big part code that I use many times in my applications. So I decided to put it in a static method to reuse the code. but my method calls functions module of HR module. but just after the declaration ( at the first line of the call function) it thows an exception. So I can't call my method.

How to call a private method in a JFrame

I have a Frame which has some properties like its size, bgcolor plus other parameters, as instance variables. There is a button on the Frame with the caption : "set properties". When one clicks on that button, a new frame should appear via which a user can change the values of the parameters of the main Frame (i.e size, bgcolor,..etc). The user would input the new values in the textfields or radio buttons that are on the new frame, and then click a submit button, which has to exist on the same NFrame. How can I do that so that when the submit button is pressed, the parameters values are updated and so is the display view ?
I made it this way : I created 2 classes, the main frame and the new Frame. I made the new Frame an instance variable of the main Frame. When the user clicks the " set properties" button on the main Frame, the new Frame is shown. The user enters new values for some of the parameters and clicks submit. The parameters in the new Frame are updated. UP TO HERE EVERYTHING WENT JUST FINE. Now, there is a private method in the main frame that changes the color, size, ...etc of the main frame according to the values stored in the instance variables color, size,...etc. THE QUESTION IS: How can the new Frame display the changes after the values have been updated ? That is, how can it call the "private" method in the main class?? Should the new class be a child class of the main class to be able to access it's private methods ??

import java.awt.*;
import java.awt.event.*;
import java.util.Random;
import javax.swing.*;
public class CallingHome
    SkinMod skinMod;
    JPanel panel;
    public CallingHome()
        // send reference so SkinMod can call methods in this class
        skinMod = new SkinMod(this);
        JButton change = new JButton("change properties");
        change.addActionListener(new ActionListener()
            public void actionPerformed(ActionEvent e)
                skinMod.showDialog();
        JPanel north = new JPanel();
        north.add(change);
        panel = new JPanel();
        JFrame f = new JFrame();
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.getContentPane().add(north, "North");
        f.getContentPane().add(panel);
        f.setSize(300,100);
        f.setLocation(200,200);
        f.setVisible(true);
    public void setBackground(Color color)
        panel.setBackground(color);
        panel.repaint();
    public static void main(String[] args)
        new CallingHome();
class SkinMod
    CallingHome callHome;
    Random seed;
    JDialog dialog;
    public SkinMod(CallingHome ch)
        callHome = ch;
        seed = new Random();
        createDialog();
    public void showDialog()
        if(!dialog.isShowing())
            dialog.setVisible(true);
    private void createDialog()
        JButton change = new JButton("change background");
        change.addActionListener(new ActionListener()
            public void actionPerformed(ActionEvent e)
                callHome.setBackground(getColor());
                dialog.dispose();
        JPanel p = new JPanel();
        p.add(change);
        dialog = new JDialog();
        dialog.getContentPane().add(p);
        dialog.setSize(200,100);
        dialog.setLocation(525,200);
    private Color getColor()
        return new Color(seed.nextInt(0xffffff));
}

How to call a custom method of same view?

Hello
I am developing a WDA on ABAP. I kept 3 LTA (Link To Action, kind of hyper link) on the initial_view, they perform the below functions (pls. note all the below 3 are on the initial_view ONLY),
1) LTA_1 -> Creates 'A' -> The linked EVENT for this LTA is CREATE_A
2) LTA_2 -> Creates 'B' -> The linked EVENT for this LTA is CREATE_B
3) LTA_3 -> Creates 'A' and 'B' -> The linked EVENT(onAction) for this LTA is CREATE_A_and_B, fine.
I wrote the ABAP code for creating the 'A' for LTA_1 in the associated Event Handler(method), same way i did for B
Now, for LTA_3 (Event is CREATE_A_and_B), i do not want to replicate the code from LTA_1 and LTA_2.
1) So, i guess, i just call the above )Event Handler) methods sequentially in CREATE_A_and_B's ABAP editor, am i right?
2) If so, pls. let me know how to call these methods, say, just for A, so that i will call for B on my own. Normally, we call as below
my_Class->my_method_name
3) If so, there is not-optional parameter as WDEVENT, just i need to pass blank for it?
Thank you

data: wdevent TYPE REF TO CL_WD_CUSTOM_EVENT.
wd_this->CREATE_A ( exporting wdevent = wdevent ).
wd_this->CREATE_B ( exporting wdevent = wdevent ).

How to call a javascript method after table load on JSFF Fragment load?

Similar Messages

Maybe you are looking for