jsf 2 - JSF 2 template partial update -

-

this question has answer here:

i have following jsf 2 template page primefaces menu, want partially update cenral centent of page onclick of links left menu, don't want update entire page.i have gone throu posts in stackoverflow, suggetign should have form name in central_body_div, don't want sepcify form in central_body_div, dynamically loaded page have form it's own name, should able submit form in page appearing dynamically in central_body_div div.

first of layout page not loading , giving below exception.

cannot find component identifier "central_body_div" referenced "leftmenuformid:menuitem1".

experts can give solution problem. apprecite replies.

<?xml version='1.0' encoding='utf-8' ?>  <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"       xmlns:ui="http://java.sun.com/jsf/facelets"       xmlns:h="http://java.sun.com/jsf/html"       xmlns:f="http://java.sun.com/jsf/core"       xmlns:p="http://primefaces.org/ui">      <f:view contenttype="text/html">          <h:head>             <meta http-equiv="content-type" content="text/html; charset=utf-8" />             <h:outputstylesheet name="csslayout.css" library="css" />             <h:outputstylesheet name="default.css" library="css" />                     <title> lightweight mediation - secure pages </title>         </h:head>          <h:body id="securebody">              <div id="top">                 <ui:insert name="top">                     <ui:include src="/secure/home/header.xhtml" />                 </ui:insert>             </div>             <div id="content_holder">                 <div id="left">                     <ui:insert name="left">                         <ui:include src="/secure/home/leftmenu.xhtml" />                     </ui:insert>                 </div>                 <div id="central_body_div" class="left_content">                     <ui:insert name="content">content</ui:insert>                 </div>             </div>             <div id="bottom">                 <ui:insert name="bottom">                     <ui:include src="/secure/home/footer.xhtml" />                 </ui:insert>             </div>          </h:body>     </f:view> </html>

my leftmenu.xhtml content below 

<?xml version='1.0' encoding='utf-8' ?> <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"       xmlns:ui="http://java.sun.com/jsf/facelets"       xmlns:h="http://java.sun.com/jsf/html"       xmlns:p="http://primefaces.org/ui"       xmlns:f="http://java.sun.com/jsf/core">      <h:head>         <title>facelet title</title>     </h:head>     <h:body>         <ui:composition id="leftmenucompositionid">              <h:form id="leftmenuformid">                 <p:menu id="lmenuid">                     <p:menuitem id="menuitem1" value="page1" action="page1" update="central_body_div" partialsubmit="true"/>                     <p:menuitem id="menuitem2" value="page2"  action="page2" update="central_body_div" partialsubmit="true" />                 </p:menu>             </h:form>         </ui:composition>     </h:body> </html>

change code following , try again,

leftmenu.xhtml

<?xml version='1.0' encoding='utf-8' ?> <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">      <html xmlns="http://www.w3.org/1999/xhtml"   xmlns:ui="http://java.sun.com/jsf/facelets"   xmlns:h="http://java.sun.com/jsf/html"   xmlns:p="http://primefaces.org/ui"   xmlns:f="http://java.sun.com/jsf/core">  <h:head>     <title>facelet title</title> </h:head> <h:body>     <ui:composition id="leftmenucompositionid">          <h:form id="leftmenuformid">             <p:menu id="lmenuid">                 <p:menuitem id="menuitem1" value="page1" action="page1" update=":form1:central_body_div" partialsubmit="true"/>                 <p:menuitem id="menuitem2" value="page2"  action="page2" update=":form1:central_body_div" partialsubmit="true" />             </p:menu>         </h:form>     </ui:composition> </h:body>

and template xhtml with,

<?xml version='1.0' encoding='utf-8' ?>   <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">   <html xmlns="http://www.w3.org/1999/xhtml"   xmlns:ui="http://java.sun.com/jsf/facelets"   xmlns:h="http://java.sun.com/jsf/html"   xmlns:f="http://java.sun.com/jsf/core">  <f:view contenttype="text/html">      <h:head>         <meta http-equiv="content-type" content="text/html; charset=utf-8" />         <h:outputstylesheet name="csslayout.css" library="css" />         <h:outputstylesheet name="default.css" library="css" />                 <title> lightweight mediation - secure pages </title>     </h:head>      <h:body id="securebody">          <div id="top">          </div>         <div id="content_holder">             <div id="left">                 <ui:insert name="left">                     <ui:include src="leftmenu.xhtml" />                                         </ui:insert>             </div>             <h:form id="form1" >                 <h:panelgroup id="central_body_div">                     <script type="text/javascript">alert('content updated')</script>                     <ui:insert name="content">content</ui:insert>                 </h:panelgroup>             </h:form>         </div>         <div id="bottom">          </div>      </h:body> </f:view>

it's checked , working.


Comments

Post a Comment

Popular posts from this blog

Perl - how to grep a block of text from a file -

-
it can in xml or text format. how in general grep block of text in perl? <track type="ws"> <range> <rangestart>0</rangestart> <rangeend>146.912</rangeend> <locationindex>0</locationindex> <propertyindex>0</propertyindex> </range> </track> <track type="ps" id="1"> <range> <rangestart>0</rangestart> <rangeend>146.912</rangeend> <locationindex>1</locationindex> <propertyindex>1</propertyindex> </range> </track> i want grep type="ps" , till </range> . one solution open file, read line line , match block. open(fh, "file.txt"); foreach $line (<fh>) { if ($line =~ m/type="cc"(.*?)<\/range>/) { print $1; } } but there more optimal solution without reading file line l
Read more

delphi - How to remove all the grips on a coolbar if I have several coolbands? -

-
Image
if set mycoolbar.fixedorder true,only grip on first band hidden. well,if use delphi 7 create vcl forms application,then put coolbar on , create 3 coolbans hold other controls,only grip , top coolbands can hidden setting mycoolbar.fixedorder:=true. i've uploaded picture make things clear. you got fixedorder property wrong. fixed property not allow bands rearranged if set true . setting property of coolbar true keep user changing bands order @ runtime, user can still move , resize bands. can give advice can do, actual solution problem, well, have wait answer. my advice use 3 coolbars in row , setting "fixedorder" property true , bandborderstyle bsnone . way grip hidden on of them. about property, it's not bug of ide, actual preference of property.
Read more

javascript - Animating array of divs; only the final element is modified -

-
this baffling me @ moment. i'm experienced programmer looking throw bit of surprise fiancee on countdown page our wedding. desired effect simulated confetti falling behind main page. setup follows: i have array of divs in javascript. each div absolutely positioned on page. have interval set updates every 50 or milliseconds. on each tick, run loop on array of divs, , calculations , update positions. problem problem having, however, though can see divs created, stored array, , modified (in case, each has slight randomized rotation) during initialization phase, once tick update position starts, div stored in whatever last slot of array gets position updated. tried hard-coding each div index testing purposes, strictly last element update position. upon printing current "left" , "top" style values each div before , after calculations shows value has been changed, no visible change noticeable. here's basic code: javascript var container;
Read more