Avoid complete when page is rendered dynamically show/hide elements in a page

Hi experts,


I use Jdev 11.1.1.5. My use case does not show/hide multiple buttons/panelBoxes on the same page.

My approach is to define the rendered property pointing to a session variable

<af:panelBox  rendered="#{sessionScope.render_panel1}"
<af:commandButton action="#{backingBeanScope.myBean.configureRenderButtons}" rendered="#{render_button1}"/>

.. .and go to the same page by using an action method in a managed bean:

public String configureRenderButtons() {
   JSFUtils.storeOnSession("render_panel1", "true");
   JSFUtils.storeOnSession("render_button1", "false");
   ...
  return "same-page.jspx"
}

My problem is that I noticed that this full page is rendered whenever I press the button. So as soon as the page has grown in size, it became a bit slow for end users.

Could you please advice on this?

Kind regards

Jose.

I got the solution.

I changed:

(1) changed to visible, rendeded

(2) partialSubmit added to the button

(3) partialTrigger added to the component I need to show/hide (panelBox)

(4) action changed to actionListener

Hope this helps (and hope it's a good practice, please post!)

Jose.

Tags: Java

Similar Questions

  • Show/hide elements - how to hide an image when you click on another

    I have a page of the library of photo with 10 pictures on it. I organized it where there is a large image on the left side of the page and 10 thumbnails of turning on the right. I put larger images in separate AP div tags hidden. I want the big picture is displayed when the user clicks on the corresponding thumbnail. This works well, but how to make the image of 'hide' when the user clicks on a different thumbnail.

    Can you help me?

    Here is my code:

    < div id = 'eau1"style =" position: absolute; " Left: 20px; top: 50px; Width: 630px; height: 491px; z-index: 100; visibility: hidden; "" "> < img src ="... / media/images/water/water1.jpg "width ="650"height ="500"alt ="eau1"> < / div >
    < div id = "water2" style = "position: absolute;" Left: 20px; top: 50px; Width: 630px; height: 491px; z index: 103; visibility: hidden; "" "> < img src ="... / media/images/water/water2.jpg "width ="650"height ="500"alt ="water2"> < / div >
    < table width = "100%" border = "0" cellspacing = "0" cellpadding = "0" >
    < b >
    < td width = "20" height = "20" > < table >
    < td > < table >
    < td > < table >
    < td > < table >
    < td width = "20" > < table >
    < /tr >
    < b >
    < height td = "20" > < table >
    < height td = '30' class = "copy18grey" > water Applications < table >
    < td > < table >
    < td > < table >
    < td > < table >
    < /tr >
    < b >
    < td > < table >
    "" < td width = "650" height = "500" rowspan = "5" valign = "top" > < img src = "... / media/images/water/water1.jpg" width = "650" height = "500" alt = 'eau1' > < table >
    "" < td = '100' height > < a href = "#" onMouseOver = "MM_swapImage ('Image12 '", '... / media/images/water/water1_thmb_over.jpg',1) "Mm_swapimgrestore" > < img src = "... / media/images/water/water1_thmb.jpg" name = 'Image12' width = "160" height = "100" border = "0" onClick = "MM_showHideLayers ('eau1',", 'show') ' onDblClick = "MM_showHideLayers ('eau1',", 'hide') "" > < /a > < table > "
    "" < td > < img src = "... / media/images/test.jpg" alt = "" width = "160" height = "100" > < table > "
    < td > < table >
    < /tr >
    < b >
    < td > < table >
    "" < td = '100' height > < a href = "#" onMouseOver = "MM_swapImage ('Image13 '", '... / media/images/water/water2_thmb_over.jpg',1) "Mm_swapimgrestore" > < img src = "... / media/images/water/water2_thmb.jpg" name = "Image13" width = "160" height = "100" border = "0" onClick = "MM_showHideLayers ('water2',", 'show') ' onDblClick = "MM_showHideLayers ('water2',", 'hide') "" > < /a > < table > "
    "" < td > < img src = "... / media/images/test.jpg" alt = "" width = "160" height = "100" > < table > "
    < td > < table >
    < /tr >
    < b >
    < td > < table >
    "" < td = '100' height > < img src = "... / media/images/test.jpg" alt = "" width = "160" height = "100" > < table > "
    "" < td > < img src = "... / media/images/test.jpg" alt = "" width = "160" height = "100" > < table > "
    < td > < table >
    < /tr >
    < b >
    < td > < table >
    "" < td = '100' height > < img src = "... / media/images/test.jpg" alt = "" width = "160" height = "100" > < table > "
    "" < td > < img src = "... / media/images/test.jpg" alt = "" width = "160" height = "100" > < table > "
    < td > < table >
    < /tr >
    < b >
    < td > < table >
    "" < td = '100' height > < img src = "... / media/images/test.jpg" alt = "" width = "160" height = "100" > < table > "
    "" < td > < img src = "... / media/images/test.jpg" alt = "" width = "160" height = "100" > < table > "
    < td > < table >
    < /tr >
    < b >
    < td > < table >
    < td > < table >
    < td > < table >
    < td > < table >
    < td > < table >
    < /tr >
    < /table >

    Show/hide behavior is not just for a single element.  With a single application of the behavior, you can display an image and 24 other people hide.  The trick is to keep by selecting the named items and their visibility, that is, to select "img1" and click display, then select "img2" and click Hide, etc.

  • Dynamically show/hide columns in the reports of the IR

    Env

    RDBMS: Oracle XE 11.2

    Request Express 4.2.4.00.08


    Hi all

    I am bulding an open source oracle apex app to track aircraft using ADS - B technology.

    I have somes types of units.  for example (kilometers, miles, knots, feet and metres).

    So, in the report of the IR, I want pick capable of showing a unit in time.

    For example

    Radio Group.

    Ground speed: (*) km/h () Mhp (Knt)

    Vertical speed: (*) ft/s (m/s)

    Can anyone help to build a code or point a direction to get above result?

    I tried already a thread, but did not work.

    Apex: Display/hide report column with Radio button. 2 cents to Oracle by Christoph

    Display / hide column IR dynamically


    I have a limited knowledge of Oracle APEX.


    Levi Pereira says:

    I am bulding an open source oracle apex app to track aircraft using ADS - B technology.

    I have somes types of units.  for example (kilometers, miles, knots, feet and metres).

    So, in the report of the IR, I want pick capable of showing a unit in time.

    For example

    Group of radio buttons.

    Ground speed: (*) km/h () Mhp (Knt)

    Vertical speed: (*) ft/s (m/s)

    There are different ways to do this. Probably the easiest would be:

    1. Create lists of values (LOVs) for units.
    2. Add the elements of the Group of radio -based unity LOVs report interactive region (IR), by specifying one of the units as a default value.
    3. Present the radio group via the Items property of the Page to send IR region.
    4. Create multi-column report for each metric combination / unit.
    5. Control the display of the report columns (applies to IR, but also classic report columns) conditionally using value of element in the Expression 1 = Expression 2 conditions Expression 1 is the group element of relevant radio and Expression 2 unit LOV value corresponding to that used in the column of the report.
    6. Add a dynamic action on the evolution of the components of the radio to refresh the IR region.

    A less obvious approach would also use LOVs, group radio elements and dynamic action of change/update as above, but only have one column for each measure in the report. The column value is calculated using an expression based on the value of the radio group, for example:

    .
.
.
/* Assuming base speed unit is km/h */
  ground_speed
* case :p1_ground_speed_unit
    when 'mph' then 0.621371
    when 'kn' then 0.539957
    else 1
  end ground_speed
.
.
.

    The unit could be indicated in the column heading in the report referring to the element of the device by using a substitution of static text string:Ground Speed (&P1_GROUND_SPEED_UNIT.)

  • The Signature Panel is not available, click. When I go to view &gt; show/hide &gt; Navigation pane &gt; Signatures isn't here. How can I access it?

    I've looked everywhere and I can't access it. I need to fill out a form and it wont let me until I have access to the Signature Panel.

    Thanks in advance.

    This is the first version of reader XI. It is many updates since, bringing to 11.0.15. Here is a link to the manual updates: Adobe - Adobe Reader: for Windows .

    Is there a reason to not upgrade to the domain controller for free Adobe Reader?

    In both cases, if you do not have administrative privileges on your computer, you will need to ask your IT Department for help.

  • Show hide element problem

    I'm trying to do something that can be achieved with Javascript.

    < script language = "javascript" >
    function showHideComment (onOff) {}
    If (onOff == 1) {}
    document.getElementById('commentArea').style.display = "";
    } else {}
    document.getElementById('commentArea').style.display = 'none ';
    }
    }
    < /script >

    < input type = "radio" name = "comment1" value = "1" onClick = "showHideComment (this.value); "> To < br / >
    < input type = "radio" name = "comment1" value = "0" onClick = "showHideComment (this.value); ' > Off

    < cfoutput query = "showcomment" >
    < table width = "100%" border = "0" align = "center" id = "commentArea" >
    < b >
    < td > subject: < table >
    < td > < class b = "sidebar" > #subject # < /b > < table >
    < /tr >
    < /table >
    < / cfoutput >

    but the problem here is when it:

    that hides a single comments Section, what if I had more than 10 comments.

    I tried the changes of variables but no luck

    Help, please

    Thanks it worked...

  • Show/hide the buttons of different page

    Hi all

    I was responsible for creating an interactive PDF of several page which is basically a questionnaire. Each page will have one question with the results of all issues gathered in a table at the end. Ideally, I would like to answer each question to send to a cell in a table but I can't find a way to get there, so my solution was to use radio buttons to select the buttons for results and responses. I had planned to assign an action show/hide radio buttons to reveal the answer on another page. During testing I ran into a problem when you configure the action show/hide, it allows me to select a show/hide button, unless its on the same page as the option button! Does anyone know if there is a solution to this? If someone can not advice me how I build such a feature?

    Thanks in advance,

    JS

    In Indesign, you will need to install the buttons in response to the same page as the radio buttons for the construction of all hide / display the activations. It's the only way you will be able to set these properties. Once you have completed and tested, you can now move the buttons in response to another page. Option buttons to activate hide/show buttons to answer to a different page. I have a test file that shows, if you want, I can send it to you.

  • Shows HP LaserJet 3330 horizontal lines exactly each 1.5 "when you print a completely blank page

    HP LaserJet 3330 shows seven or eight approximately 3.5 "cloudy horizontal lines spaced exactly each 1.5" even when you print a completely white page. This also happens when copy and fax.

    There are also 2 very thin vertical lines running down the entire page about in the middle. They are exactly 1 "apart.

    However, a scan of a blank page on my computer (not printed) is perfectly clean.

    Windows 7. No change or upgrade.

    Propbably the toner cartridge, if they are 1.48 "apart that it could be the cylinder in the process of development or the charge roll who are both in the toner cartridge. So a good assumption if you replace the toner cartridge, the problem will disappear. Vertical lines could also be part of this issue.

  • This morning when I started Firefox it shows my home page as screwed up as yesterday but Safari has shown as it should look like, what is wrong?

    I currently use version 3.6.24 Firefox on my PPC mac with 10.4.11 system. I use Firefox for many years without any problems. I received yesterday and on my screen to alert that there is a new update of Firefox available at the facility. I clicked on OK and the update started. When it's over, I checked and it's the same version, 3.6.24, I used and apparently nothing has changed until I went to my eBay site. Once on my site, I signed in and went to manage my Articles page. The page was different because normally it shows all the items, I have for sale and at the top of the list of points of sale are the three items to check and look at my listings, which I look at you, my profile and my alerts. When you click on one of them you are normally taken to another page. When I went there after apparent installation of the updated release of Firefox page showed my ads in a single column, my profile in another column and third column for my alerts all on one page. This is not normal. I got out and went to my home page which is http://www.rr.com/. Now it was different. Parts of the site have disappeared, the sections with the weather, news, and reviews. I thought it might be the site and then I launched Safari and went to the same page and it is normal. This morning when I started Firefox it shows my home page as screwed up as yesterday. Safari has shown as it should look like. I then started SeaMonkey and it showed the page as it should look like. I really like Firefox and I'd like to get it working again as it should. Would appreciate any suggestions. My email address is [email protected]

    Clear the cache and cookies from sites that cause problems.

    "Clear the Cache":

    • Firefox > Preferences > advanced > network > storage (Cache) offline: 'clear now '.

    'Delete Cookies' sites causing problems:

    • Firefox > Preferences > privacy > Cookies: "show the Cookies".

    Start Firefox in Firefox to solve the issues in Safe Mode to check if one of the extensions or if hardware acceleration is the cause of the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > appearance/themes).

  • I created a form to complete 4 page. I would like to place a button at the bottom of page 4 when you click inserts another copy of the form in the existing file. I have the user to have the ability to easily create muliple copies of the same 4 pages in

    I created a form to complete 4 page in Acrobat. I would like to place a button at the bottom of page 4 when you click inserts another copy of the form in the existing file. I want the user to have the ability to easily create multiple copies of the same 4 pages in a single file. It is possible with Acrobat? I use a PC.

    It is possible using models and JavaScript, but if it is to work with the player, users will need to use the desktop version (Windows/Mac) of 11 Reader or CD player. Here is a link to an older article which explains the basics: Planet PDF - a lesson in the templates for Adobe Acrobat

    Note that this is a bit outdated, but it should help you get started. If you have any other questions, post them in the Acrobat JavaScript here forum: JavaScript

  • Hello.. I need to program installation adobe creative cloud for mac because it refuses to download on the site and when I press the download shows a blank white page. I want to send a direct download link

    Hello.. I need to program installation adobe creative cloud for mac because it refuses to download on the site and when I press the download shows a blank white page. I want to send a direct download link

    Hello

    Please see the below download link


    https://helpx.Adobe.com/creative-cloud/help/download-install-app.html

  • I can't save complete Web pages for newegg.ca

    Hi Mozilla, when I try to save complete Web pages below in Firefox 42 it fails. It creates a folder for each of them, but not the .html file. When I click on the download arrow in Firefox, it says failed. I refreshed Firefox, but it does not solve the problem.

    I can however save complete pages below in Internet Explorer 11 but I did shorten the file name. I have included the Web pages below. My card Alienware M14XR2 i7-3630QM, 8 GB of RAM, NVIDIA Geforce GT 650 M, Windows 7 Home Premium Service Pack 1 64-bit.

    http://www.Newegg.ca/product/product.aspx?item=9SIA7RD3E65538
    http://www.Newegg.ca/product/product.aspx?item=N82E16834232777
    http://www.Newegg.ca/product/product.aspx?item=N82E16834232564
    http://www.Newegg.ca/product/product.aspx?item=N82E16834232793
    http://www.Newegg.ca/product/product.aspx?item=34-232-769

    Start Firefox in Safe Mode to check if one of the extensions (Firefox, Tools/menu key > Modules > Extensions) or if hardware acceleration is the cause of the problem.

    • Put yourself in the DEFAULT theme: Firefox, Tools/menu key > Modules > appearance
    • Do NOT click on the reset button on the startup window Mode safe

  • Show/hide region when the drop-down list is changed

    Hello

    I need show/hide a region when dropdow (selection list) is changed.

    I used dynamic action:

    Event : change
Selection Type : Item(s)
Item(s):P50_my_list
condition : JS expression
$v('P50_my_list') == 1

True Action :
Action : Execute JS Code
Code : $('#region_name').show();

// OR use Action ==> Show



    False Action :
Action : Execute JS Code
Code : $('#region_name').hide();

// OR use Action ==> hide

    But the region has still shown!

    Also, I used a JS function (in the dynamic action of the place) but I met the same result. 


    function showHideRegion(pValue)
{     var show_or_hide = $x(pValue).value;
    if (show_or_hide == 1)
      {$('#ALTERNATIVEN_LIST').hide();}
    else
      {$('#ALTERNATIVEN_LIST').show();}
}

    Hello

    I solved the problem with the js function:

    function showHideRegion (pThis, pValue)

    {var show_or_hide = $x (pValue) .value;}

    If (show_or_hide == 1)

    {

    var element = $x_UpTill (pThis, 'DIV');

    Element.style.display = 'none ';

    } else {}

    var element = $x_UpTill (pThis, 'DIV');

    Element.style.Display = "block" ;}

    }

  • Create a completely blank page

    Hello

    I want to create a completely blank page in order to return a simple json data string.

    I created an application with a single page (no authentication) and used model printable version.

    When I run the page I always get a navigation link (ADMIN 01) in the upper left corner. Is it possible to completely remove everything from the page?

    Thank you

    APEX version: 4.2.4.00.08

    DB version: 10.2.0.1 under RedHat 4 5 32-bit update

    Architecture Server Web site: OSH running on the database server

    Browser (s) / version (s): latest version of Firefox

    TEMM says:

    If I sends and HTTP request to another application, this will not be the page in the url (for example, the 100 app_id and page 1)

    http://Apex.somewhere.com/pls/Apex/f?p=100:1

    Wouldn't this page be returned with the htp.p of the application process?

    Sorry, I don't understand the question.

    An application process is like a mini web service. Call you it via a URI and returns an HTTP response. It can be called safely from any application in the same workspace in a valid session of APEX, or made public, and it may take session state settings.

    As it is said in the documentation, the URI for an application process is

    f?p=application_id:page_id:session:APPLICATION_PROCESS=process_id

    but the "page alias number is required or on demand only as a syntactic placeholder because no specific page is available for this type of application." The process is identified uniquely by the application ID/alias and the process ID.

  • Modal region of the tree as a popup... After clicking the value in the tree... How to avoid the parent page is refreshing

    Hi, I spent long hours to solve this problem and wait for the answer from the expert.

    I created a form with text boxes and one of them, I created just small image button to call the modal region of the tree.

    Everything is OK, tree appear and disappear after the passage of the code value for the text element in the parent form.

    But it refreshed and initialized all other areas of empty text as well... ^ ^;

    I think that, because of the link in SQL tree. Someone help me?

    Select case when connect_by_isleaf = 1 then 0

    When level = 1 then 1

    else                           -1

    end the status,

    level,

    "CAT_NM" as the title,

    NULL as an icon,

    "CAT_CD" as a value.

    NULL as ToolTip,

    ? p = & APP_ID.:112 :'|| : APP_SESSION |': P112_CAT_CD :'|| "' CAT_CD ' as link-> How to avoid refreshing the page parent and just switch the CAT_CD to the called page?

    'category '.

    Start with 'PARENT_CAT_CD' is null

    connect prior "CAT_CD" = "PARENT_CAT_CD."

    siblings arrested by "CAT_CD".

    Hey "zoomok,"

    Large - an example would have been my next request in any case I took a glance and changed your demo page to work as you want.

    Things of note:

    -SQL source tree: NO link value! A link value will generate apex code that will redirect you to the link. It will always be a redirect page, where a rerender page, and not what you want! Leaving NULL allows us to interact with the tree interactively via javascript

    -Code in variables and functions global page - javascript - next:

    function treeOnload(){
  var l$Tree = $("#tree_modal div.tree"); // get the tree instance
  // handle the onselect event of the tree
  $.tree.reference(l$Tree).settings.callback.onselect = function(NODE, TREE_OBJ){
    $s( "P112_CAT_CD", $(NODE).attr('id') ); // get the VALUE of the node and put it in item P112_CAT_CD
    closeModal(); // close the active modal region
  };
};

    -In javascript - dependent section I added a call to this procedure:

    treeOnload(); // initialize the tree with our settings

    And that's all! I didn't know that you use "openModal". There are different ways to implement modal regions, so it is important to know how we do for ourselves what to do with it.

    FYI - you now need to change your credentials. And mark the answer that has helped you or is correct, please.

  • My 5610 all-in-One displays only a completely black page.

    I replaced a cartridgein of black ink HP 56 my 5610 All - in-One.  It now prints only a completely black page rather than text.

    It is when you copy only or does it also occur when you print from the PC?  Did you mean a blank page?  Troubleshooting pages here can help.

Maybe you are looking for