Dynamically add UIComponent without refreshing entire page (JDEV 11.1.1.3)

Hi all
I have this problem.

I need to dynamically add an element within a page without refreshing entire page jspx.

For example, look at this page:


Titus: _
Name: _______
Job: _ (+ add more jobs)

When I click on (+ add more jobs), I add a new RichInputText:

private RichPanelBox pb1;

public String cb1_action2() {}
RichInputText rc = new RichInputText();
rc.setId (...);
[....]
This.PB1.GetChildren (). Add (RC);
Returns a null value.
}

The field is displayed properly on the page, but the system do a full refresh and lose your position on the page.

Obviously becomes inconvenient for the user to have to scroll the page up to a certain point where it was before.
Is it possible to avoid this problem and to add the field without a complete refresh of the page?

Thank you
Cristian

Published by: on February 11, 2011 baol 7,53

Try with PartialSubmit for the button and use PPR as follows:

JSPX Code:





partialSubmit = 'true '.
actionListener = "#{SamplePageBean.onAddJobs}" / >




Bean code:

public class SamplePageBean {}
private RichPanelBox panelBox;

public SamplePageBean() {}
}

{} public void onAddJobs (ActionEvent actionEvent)
RichInputText richInputText = new RichInputText();
richInputText.setId ("Id1");
richInputText.setLabel ("Job Title");
this.panelBox.getChildren () .add (richInputText);
AdfFacesContext.getCurrentInstance () .addPartialTarget (this.panelBox);
}

{} public void setPanelBox (RichPanelBox panelBox)
this.panelBox = panelBox;
}

public RichPanelBox getPanelBox() {}
After a return;
}
}

Thank you
Nini

Tags: Java

Similar Questions

  • Generate dynamic elements without refreshing the page

    Hello

    I have a challenge to generate elements on a page dynamically without refreshing the page.

    I tried to do with AJAX, but do not have the elements on the page.

    I see that my process is called as I can warn the outcome of the appeal.

    Here is my code:

    I have a button calling the JavaScript function with AJAX call for the process:

    function f_OnDemand() {}

    get var = new htmldb_Get (null, $v ('pFlowId'), 'APPLICATION_PROCESS is NEW_FLOW', $v ('pFlowStepId'));

    invoke

    gReturn = get.get ();

    ajax reminder alert

    Alert (gReturn);

    }

    And here is the process that involves creating a few dynamic elements on a page:

    DECLARE

    Meter number;

    number of items;

    number of p_counter;

    BEGIN

    items: = TO_NUMBER(:P7_NUMBER);

    FOR counter IN LOOP 1. items

    p_counter: = counter + 1;

    HTP. P ("Item" |) APEX_ITEM. DISPLAY_AND_SAVE (p_idx = > counter, p_value = >, p_item_id = > counter). ': ');

    HTP. P ('Checkbox': counter |) ' ' || APEX_ITEM. CheckBox(p_idx => Counter, p_value => 'Test'));

    HTP. P(' ' || APEX_ITEM. SELECT_LIST (p_idx = > counter, p_value = > 'Y', p_list_values = > ' Yes;) Y, no.; N') || br / > ');

    HTP. P ("< br / > '");

    END LOOP;

    END;

    The question is - how can I make these elements of rendering on a page?

    I'm on Apex 4.2

    Thank you.

    The return would be inserted somewhere in the DOM of your page. So, regardless of the call ajax returns, must be added to a zone. Use jQuery for this. See this example:

    https://Apex.Oracle.com/pls/Apex/f?p=93000:803

    Denes Kubicek

  • Change result of &amp; lt; cfinclude &amp; gt; without refreshing the page.

    Y at - it a simple way to change the result of a < cfinclude > without refreshing the page. I have a page that will display one of the many < cfinclude > based on which button is clicked. For our purposes here, assume that there are 6 buttons and 6 different < cfinclude >. "s. I think some sort of update panel ajax, but I do not know ajax, nor can I use ASP.Net.

    All what Adam said, with other examples of what I think of you
    try to do.

    You can include all your code each in an identifiable
    block as a element. Then, using JavaScript and DHTML
    effects you could hide and show the different divs based on the user
    interaction with account of controls such as buttons. This would work well
    If the content of all the divs is relatively small and static. If they
    are large and quite where all the download would indeed on
    load time or momentum so that the content displayed in each section must
    to be up-to-date at the time when a control is selected this option will be
    not work well.

    In this case, you must had a such kind of dynamic refresh
    AJAX or pipes. This adds a dimension to the aspects of DHTML
    your interface to make new requests from the server before the content of the
    the browser is updated.

    Before discussing more in detail and the how and why of each of these it
    would be useful to learn more about your needs accurate and comfort
    level with different technologies and techniques.

    As Adam concluded there are several ways to solve this type of problem.

  • Restart an animation without refreshing the page HTML

    I am looking for a way to reload animation on demand, but without refreshing the page HTML (which is no JS window.location.reload () method, say with a simple click of a button. Direct application would be a button to restart the game.

    It's probably something that could be useful to many people.

    Once the composition is ready to use, why would you want to reload the entire composition again.

    An example for the game:

    When you click on the play button, you load the composition once. Playback of the animation until the end.

    Then you can set the visibility of the animation in 'hidden' using the script. And show a button "Restart" instead.

    In the handler for the button click "restart", set the visibility back to 'visible' and read the animation again.

    HTH,

    Vivekuma

  • addPartialTarget() is a refreshing entire page

    Hello experts, please help me make use of addPartialTarget() to update only a section of a page.

    I have a dropt list jacks and a presentation of form of Panel 2 other components.

    When I select an item in the list, I want to update the formatting Panel by program component.

    I used the attribute binding of Panel shaping and used backing bean for this.

    I have managed bean inside which I assigned example of bean support using EL-containing the scope and name of bean (not the class name) to a variable string say nomBean... ex: beanName = "#{backingBeanScope.myBean}"

    For listener change in value from the drop-down list, I have method in managed bean that is supposed to make PPR for the layout of Panel and here is my code:

    got ELContext and ExprssionFactory.

    Got the ValueExpression as expressionFactory.create (elContext, beanName, Object.class)

    MyBean mybean = (MyBean) valueExpression.getValue (elContext)

    ADFContext.getCurrentInstance (). addPartialTarget (myBean.getPanelFormLayout_1 ())

    return;

    It is a refreshing entire page instead of updating only Panel form set by dialing!

    Appreciate any input to resolve this problem.    The property of the client component is true component panael of formatting.

    Thank you very much

    the problem is solved... I noticed that autosubmit is false and I changed it to true and it worked.

    Thank you

  • Impossible to apply rights to the visitor without refreshing the page

    Hello

    I created two roles) 1 consumer 2) employee
    and two Office pages 1) consumer Page 2) Page used

    I placed rights to the visitor to these pages Office accordingly. Then when I connect, corresponding page should be displayed after authentication. But it does not work until I refresh the page.

    Anyone can provide a solution for this?

    Kind regards
    MARGI

    Published by: user13389316 on July 19, 2010 15:04

    Published by: user13389316 on July 19, 2010 15:05

    You must redirect, there's no way around that I know

  • Pop-up window without refreshing the page

    Hello

    I want to display a pop-up window in my webpage (designed in php & MySQL), if I get a few values in my database .


    (Automatically, I want the pop-up window to display in the auto-refresh).


    Please help me.


    Thanks in advance.


    I've done it before "onload" with a box of "alert". If the database field is set to ONE gets skipped the alert box open using the box to light "fancybox:

    New update

    Stir then relax "anchor" page:

  • Navigation without refreshing the page

    Hi people,

    I don't know what it's called, and I hope that if I explain it someone can tell me what her name so that I can then dig autour and know how to do!

    I have a client who wants an mp3 playing continuously while going through the site (I know, but they don't listen to me). "Constantly" which means that as you navigate from one page to another, the song never stops or recharge. I guess the only way to do it is by using an iframe, frameset (I just never understood executives, despite all the efforts of the help of DW8) or javascript (I know not all javacript) so that the new content of the navigation bar appears on the same page and mp3 hasn't a chance to recharge.

    What we call that? Y at - it a name for "click the nav and have the new updated content in the DIV over there on the left rather than loading a new page"? I thought that maybe by using TPM of PVII might do, but the site has an album photo and other things and it can take forever for the page to load then... Any help to point me in the right direction would be appreciated! Thank you!

    I guess that since I discovered how to do this I have to mention it. «A friend of mine used to use frames, and told me using it an iframe with a * name = "" * attribute would load a new page in the iframe, so the target of the url value of the attribute name.» That is to say:

  • Change the content of the page without refreshing

    Hey, I need to know how to have the content on my web page to change without refreshing the web page. Basically, I want to have an article on my web page that will have news articles and I want to have two tabs for 'News' and another for new 'popular' and when the user clicks on one of the tabs, the correct items will appear in this section, however I want to do this without refreshing the page, is anyone know how can I achieve this? Just to clarify a bit more, I know how to distinguish the 'recent' to 'popular' atricles just need to know how pull them from the database without a page refresh, thank you!

    Take a look at CSS. It has a visibility attribute which can take the values hidden and visible. This, combined with the CSS position and onClick attribute, should you get where you want to go.

  • Is it possible to update part of a page, without a full page reload?

    What I want is a solution that part of my web page refresh to update without having to do a whole page.  Here's my real scenario:

    I created a Board to my agency that lists a the table grid of all employees and their current status during the working day.  The table indicates when an employee is away from their desk: at lunch, on sick leave, vacation, etc.  This grid of the table is very useful to our receptionists who need this information throughout the day while they receive calls from clients to request a specific employee - the receptionist can easily look at the jury and determine if this employee is currently available.

    The Bureau uses a < CFQUERY > to fill with the data stored in a database.  However, with 100 + employees in my office, people constantly come and go from the building.  To keep these data a bit 'fresh' for receptionists (stale data would be wrong of course), I have a manual page refresh every 20 seconds.  Every 20 seconds to reload the page and the < CFQUERY > is executed every time update the data within the Council.

    < meta http-equiv = "refresh" content = "20" / > is the call to refresh my page.

    While it does the job, it feels very clumsy and poorly implemented implement.  If you have sound, you can hear this page reload "click on" noise, which is also a gene.  Is there a better way to have just the update of the table without the entire page grid, have to be updated?

    I am open to suggestions on AJAX with CF as well, as I've heard that AJAX might do?  The problem is too complex to get the search results on google, so I'm here to see if anyone else knows how to deal with this.  Thank you!!!

    Note: I use ColdFusion 7.  I saw that CFDIV could possibly handle this in CF8, but is not in my budget!

    Put your grill in an iframe and updating of metafiles it at the desired interval.

  • Dynamically add an OAFormValueBean to a region

    Hello.

    I need to dynamically add an OAFormValueBean on my page. In the processRequest of the controller method I create like this:

    OAFormValueBean employeeIdBean is createWebBean (OAFormValueBean) (oapagecontext, OAWebBeanConstants.FORM_BEAN, NUMBER_DATATYPE, REG_HEADER_EMP_ID);.

    But that runs the page I get this exception:

    The signature of createWebBean (pageContext OAPageContext, style of string, the String data type) only supports TextInputBean

    How to dynamically add an OAFormValueBean to a region?

    Hello

    Use
    You can create the hidden dynamically field
    OAFormValueBean = formValueBean
    CreateWebBean (OAFormValueBean) (pageContext, HIDDEN_BEAN, null, "");

    Thank you
    Kumar

  • How to trigger a conditional display based on a dynamic Action without submitting the Page

    Hello

    Using Oracle APEX v4.2 on 11g, I have the following scenario and wanted to take other people on how to accomplish what I'm trying to do, i.e.:

    In region 1, I have a select item list page called P1_SELECTION, which contains selections from drop down to the user to choose from the following three: A1, B2 and C3

    In region 2, I have two checkbox elements:

    P1_CBOX1 I gave a conditional display of ' point value / Expression 1 column! = 2 expression, where Expression 1 = P1_SELECTION and Expression 2 = B2, so P1_SELECTION! = B2

    P1_CBOX2 I gave a conditional display of ' value of the point / column Expression 1 = Expression 2 where Expression 1 = P1_SELECTION and Expression 2 = B2, then P1_SELECTION = B2 .

    Use of dynamic Action on the evolution of the P1_SELECTION in region 1, how can I trigger the correct display of the checkbox in region 2, with the default view of the region 2 checkbox being P1_CBOX1, without submitting the entire page, just refreshing each of the elements checkbox to trigger the conditional display correct?

    For example, on the changes of P1_SELECTION = B2 then entire submission without page, only P1_CBOX2 is presented to the user in other P1_CBOX1 is displayed.

    Is this possible?

    Thank you.

    Tony.

    Hi Tony,.

    condition your dynamic action on P1_SELECTION with the following condition of javascript: this.triggeringElement.value = "B2".

    Add real actions that will show P1_CBOX2 and hide P1_CBOX1

    Add false actions and going hide P1_CBOX2 show P1_CBOX1

    Set the dynamic actions to fire on Page load

    Kind regards

    Erik-jan

  • How to make a Javascript embedded element (embedded MS Excel chart) updates automatically so that viewers do not have to refresh the entire page to get updated information.

    I am creating a web page that contains an embedded chart in MS Excel. I would like to table automatically update (refresh) to illustrate direct information viewers without having to refresh the entire page. I found that there is a way to activate this via Excel, but with my current subscription can not access this feature. I hope there is a way to do this using Adobe Muse CC. If it is not possible, I would like to know if there is a way to add a button "Refresh" which refreshes only the embedded section (Excel table) of the page for viewers to use manually. Thank you for your help.

    Update! The embedded worksheet is truly integrated using HTML rather than javascript.

  • Ripple Emulator - no way to update content without reloading the entire page.

    Dear Forums

    Ripple using 0.9.4 in Google Chrome Version 19.0.1084.53 for Mac OSX 1.7.4

    I have not found a way to reload the application in the emulator only, without having to reload the entire page.

    It would be great if we could only update the content of the device instead of the whole page.

    This also related in a problem with parameters for building waving-> passwords for the signature and the device reloading of the page down. (separate post for that)

    If it must be a problem in the incident handler, please let me know.

    Installed to ripple 0.9.5 (no sorry 0.9.6 according to the extension itself-> package shows only 0.9.5 but when he drag extensio nto chrome that lists 0.9.6)

    Pressing F5 refreshes perfectly content in the emulator.

    kind regards,

    Dennis

    -> Documentation on the keys taken in charge and how they funcion in ripple?

  • Dynamic action does not not on the first attempt to load page. Work after refreshing the page

    4.2.1

    Hello

    I have a page with a list of selection Order_id and a display _item Product_name.  There is action dynamic PL/SQL that fills the element displayed when the order_id is changed. The problem is that when I opened the page for the first time, if I change the select order_id list, nothing happens. But if I refresh the page once, and then it starts work and the display_item is filled.

    No idea what could be the problem?

    Thank you

    Ryan

    ryansun wrote:

    On a more serious note,.

    1 when you load the page for the first time and try selecting the order_id, nothing don't be past, try refreshing the page once and you will see the option to display with the null value. What I do is. I have two tables

    Orders

    1

    2

    3

    Products

    1A

    2B

    2 Z

    3 C

    When I select the command 1, then since there is only one line of products, the displayed item will indicate A populous. If I select 2, since there are two product lines, I should see the list box.

    Doesn't seem to work and I'm sure, I'm doing something wrong.

    Difficult to be certain that as it appears that someone has been editing the page before you start watching (rather than copy the page experience their own copy). Your article P1_PRODUCT_NAME_DISPLAY he a point value / Expression 1 column = Expression 2 condition P1_HIDE_SHOW = 1 condition on that? Or any other condition of rendering?

    These conditions do not match the dynamic actions. They are applied only during the page see the transformation when the page is displayed first; When it is linked to another page; or after a branch to him. They are not applied dynamically during the activity of the user on the page. In this case, that the status is set to false when the page is rendered first, the same element does not exist in the page sent to the browser. If you want these items to appear conditionally because of the interaction with another user control, then you must initially return the elements and control their visibility using hide/show the dynamic actions.

Maybe you are looking for

  • Keep receives same message, blocks the other email

    A colleague sent me a message yesterday. Now, all I get is this message - seems to be stuck in some kind of endless loop. It appears as new messages every time I click on 'get mail '. I was able to send an email, it can not just receive with Thunderb

  • Photosmart 7525

    I have a Photosmart news; connected wireless yesterday.  Unable to connect to Web Services.  Followed directions, but on photosmart screen, can not activate Web Services - is not a code; No email address for printer.  I start to activate the automati

  • How to add user libraries to FPGA palette?

    Hello I know how to add a VI library of user LV, but how do I make it easily accessible in the blockset FPGA palette? Kind regards Simo

  • Want to launch different Vi by clicking next to a Vi

    Hello I'm trying to make a user interface in which there are several VI. I want to do following things. 1. my first page when the user clicks on the exe should be page ID and password to login. 2. after login, a new screen should open to enter inform

  • WAV MUTE ON THE TIMELINE IN WMM FILES

    My imported .wav files play as clips in WMM and display the waveform on the timeline, but is there some dumb. The mute function is not on.