Jsf page layout

Pls show me how to control layout of items on jsf page , is there any way to format the page as in oracle form .
thanks
abohatim

You use panels for this.
ADF Faces has an extensive set of panels you can read about them in the ADF Developer Guide page 4-30

Similar Messages

JSF Page - Three Column Layout

Hi all,
I'm trying to create a JSF page with Oracle Three Column Layout but am only one column in the visual design view. Moreover, in the visual design view, i cannot see the normal Oracle logo on the left corner.
Heres he steps i used:
1. Right click ViewController and select New.
2. Under Web Tier i click JSF and selected JSF Page then click OK
3. In the Create JSF Page dialog, i renamed the page and in Page Template drop down i select Oracle Three Column Layout and checked Create as XML Document then click OK
I'm new in JDeveloper and if theres any steps i'm missing then please let me know.
Thanks in advance
Stoneiidol

Hi,
Mostly a Jdeveloper design view problem. Did you try closing and reopening the page? Or restarting JDeveloper?
The code Generated in my Jdev is:
<?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">
<af:form id="f1">
<af:pageTemplate viewId="/oracle/templates/threeColumnTemplate.jspx"
id="pt1">
<f:facet name="center"/>
<f:facet name="header"/>
<f:facet name="end"/>
<f:facet name="start"/>
<f:facet name="branding"/>
<f:facet name="copyright"/>
<f:facet name="status"/>
</af:pageTemplate>
</af:form>
</af:document>
</f:view>
</jsp:root>
What Amit said is alos true.
Regards,
Venkat

How to use j query in .jsf page which is designed using adfpagetemplate.

<?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">
<f:view xmlns:f="http://java.sun.com/jsf/core" xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
<af:document title="untitled7.jsf" id="d1">
<af:form id="f1">
<af:pageTemplate viewId="/oracle/templates/threeColumnTemplate.jspx" id="pt1">
<f:facet name="center">
<af:resource type="javascript"
source="/lib/jquery/jquery-1.3.2.min.js"/>
<af:resource type="javascript">
function slideSwitch() {
var $active = $('#slideshow IMG.active');
if ( $active.length == 0 ) $active = $('#slideshow IMG:last');
// use this to pull the images in the order they appear in the markup
var $next = $active.next().length ? $active.next() : $('#slideshow img:first');
$active.addClass('last-active');
$next.css({opacity: 0.0})
.addClass('active')
.animate({opacity: 1.0}, 1000, function() {
$active.removeClass('active last-active');
$(function() {
setInterval( "slideSwitch()", 15000 );
</af:resource>
<af:resource type="css">
#slideshow IMG {
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
#slideshow IMG.active {
z-index:10;
opacity:1.0;
#slideshow IMG.last-active {
z-index:9;
</af:resource>
<af:panelGroupLayout id="slideshow" layout="vertical">

<af:group>
<af:image source="/images/cristo1.jpg" id="i1" />
<af:image source="/images/cristo2.jpg" id="i2"/>
<af:image source="/images/ipanema1.jpg" id="i3"/>
</af:group>
</af:panelGroupLayout>
</f:facet>
<f:facet name="header"/>
<f:facet name="end"/>
<f:facet name="start"/>
<f:facet name="branding"/>
<f:facet name="copyright"/>
<f:facet name="status"/>
</af:pageTemplate>
</af:form>
</af:document>
</f:view>
Above content is my code written in jsf page....
jquery working fine if i create page withoput pagetemplate...
Any please guide me to use jquery in the jsf page(created with page template)...
Thanks in advance
Edited by: 991543 on May 7, 2013 11:05 PM

Hi frank,
thanks for your reply frank........still am facing the same issue even i tried wat you told.
I have pasted the code below for your reference.....
please let me knw wat is the wrong thing in below code if any thing wrong plz guide me to resolve because this is needed in our project, thanks in advance.
<?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">
<f:view xmlns:f="http://java.sun.com/jsf/core" xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
<af:document title="untitled7.jsf" id="d1">
<af:form id="f1">
<af:pageTemplate viewId="/oracle/templates/threeColumnTemplate.jspx" id="pt1">
<f:facet name="center">
<af:resource type="javascript"
source="/lib/jquery/jquery-1.3.2.min.js"/>
<af:resource type="javascript">
function slideSwitch() {
var $active = $('#pt1:slideshow IMG.active');
if ( $active.length == 0 ) $active = $('#pt1:slideshow IMG:last');
// use this to pull the images in the order they appear in the markup
var $next = $active.next().length ? $active.next() : $('#pt1:slideshow img:first');
$active.addClass('last-active');
$next.css({opacity: 0.0})
.addClass('active')
.animate({opacity: 1.0}, 1000, function() {
$active.removeClass('active last-active');
$(function() {
setInterval( "slideSwitch()", 1000 );
</af:resource>
<af:resource type="css">
#pt1:slideshow IMG {
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
#pt1:slideshow IMG.active {
z-index:10;
opacity:1.0;
#pt1:slideshow IMG.last-active {
z-index:9;
</af:resource>
<af:panelGroupLayout id="slideshow" layout="vertical">

<af:group>
<af:image source="/images/cristo1.jpg" id="i1" />
<af:image source="/images/cristo2.jpg" id="i2"/>
<af:image source="/images/ipanema1.jpg" id="i3"/>
</af:group>
</af:panelGroupLayout>
</f:facet>
<f:facet name="header"/>
<f:facet name="end"/>
<f:facet name="start"/>
<f:facet name="branding"/>
<f:facet name="copyright"/>
<f:facet name="status"/>
</af:pageTemplate>
</af:form>
</af:document>
</f:view>
Thanks & Regards
Gowthaman Narayanan
Edited by: 991543 on May 15, 2013 4:27 AM
Edited by: 991543 on May 15, 2013 4:30 AM

How to align the components in a jsf page?

Hi all,
In my use case I need to use three UI components like push down menu
a textbox and a button. when I dragged all the things on to my jsf page
I am getting one by one.( I mean to say that I am getting button beneath pushdown
and pushdown beneath the text box)
I want all these components adjacent to each other.Kindly come up with the suggestions.
Thanks,
Phani.

These three components surround with af:panelGroupLayout and set af:panelGroupLayout layout property to horizontal (you can find layout property in common section of Property Inspector).

Problem with Non JSF Request to JSF Page

Hi All,
I am working on dynamic controls generation based on the request come from non jsf page
For the first request, pageworks perfectly. but when we go for second request, it is not rendering and I am getting same old page.
What I have identified is if I have 2 pages as JSF, application is not giving any problem.
For this I have written small test application contains both JSF pages only.
page1 contains 3 submit buttons.
When submit buttons are clicked based on the request, I get, am able to see the dynamic controls.
SO there is no problem with JSF PAGE to JSF Page Communication
Now I have done some changes in First JSF page. Instead of submitting directly I am submitting the page through JavaScript which is nonb JSF request. There I am facing the problem and based on requested qaction I am not able to see correct rendered page based on the requested action.
Any Idea why it is giving problem for non JSF requests??
Thanks
Sudhakar

For Your Convenience in understanding the problem
I am pasting entire test code
Page 1 -- (here page2 is Page1 and Page1 is page2 - some naming convention errors :) )
<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="1.2" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:jsp="http://java.sun.com/JSP/Page">
    <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
    <jsp:text><![CDATA[
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
]]></jsp:text>
    <f:view>
        <html lang="en-US" xml:lang="en-US">
            <head>
                <meta content="no-cache" http-equiv="Cache-Control"/>
                <meta content="no-cache" http-equiv="Pragma"/>
                <title>Page2 Title</title>
                <link href="resources/stylesheet.css" rel="stylesheet" type="text/css"/>
            </head>
            <body style="-rave-layout: grid">
                <h:form binding="#{Page2.form1}" id="form1">

                    <h:commandButton action="#{Page2.button1_action}" binding="#{Page2.button1}" id="button1" style="left: 48px; top: 48px; position: absolute" value="Submit" onclick="document.forms['form1'].action='faces/Page2.jsp?id=1'; document.forms['form1'].submit(); return false;"/>
                    <h:commandButton action="#{Page2.button2_action}" binding="#{Page2.button2}" id="button2" style="left: 48px; top: 96px; position: absolute" value="Submit" onclick="document.forms['form1'].action='faces/Page2.jsp?id=2'; document.forms['form1'].submit(); return false;"/>
                    <h:commandButton action="#{Page2.button3_action}" binding="#{Page2.button3}" id="button3" style="left: 48px; top: 144px; position: absolute" value="Submit" onclick="document.forms['form1'].action='faces/Page2.jsp?id=3'; document.forms['form1'].submit(); return false;"/>

                    
                </h:form>
            </body>
        </html>
    </f:view>
</jsp:root>Page1 Bean
* Page2.java
* Created on June 25, 2005, 11:08 AM
* Copyright user
package webapplication8;
import javax.faces.*;
import com.sun.jsfcl.app.*;
import javax.faces.component.html.*;
import javax.faces.context.ExternalContext;
import javax.faces.context.FacesContext;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
public class Page2 extends AbstractPageBean {
    // <editor-fold defaultstate="collapsed" desc="Creator-managed Component Definition">
    private int __placeholder;
    private HtmlForm form1 = new HtmlForm();
    public HtmlForm getForm1() {
        return form1;
    public void setForm1(HtmlForm hf) {
        this.form1 = hf;
    private HtmlCommandButton button1 = new HtmlCommandButton();
    public HtmlCommandButton getButton1() {
        return button1;
    public void setButton1(HtmlCommandButton hcb) {
        this.button1 = hcb;
    private HtmlCommandButton button2 = new HtmlCommandButton();
    public HtmlCommandButton getButton2() {
        return button2;
    public void setButton2(HtmlCommandButton hcb) {
        this.button2 = hcb;
    private HtmlCommandButton button3 = new HtmlCommandButton();
    public HtmlCommandButton getButton3() {
        return button3;
    public void setButton3(HtmlCommandButton hcb) {
        this.button3 = hcb;
    // </editor-fold>
    public Page2() {
        // <editor-fold defaultstate="collapsed" desc="Creator-managed Component Initialization">
        try {
        } catch (Exception e) {
            log("Page2 Initialization Failure", e);
            throw e instanceof javax.faces.FacesException ? (FacesException) e: new FacesException(e);
        // </editor-fold>
        // Additional user provided initialization code
    protected webapplication8.ApplicationBean1 getApplicationBean1() {
        return (webapplication8.ApplicationBean1)getBean("ApplicationBean1");
    protected webapplication8.SessionBean1 getSessionBean1() {
        return (webapplication8.SessionBean1)getBean("SessionBean1");
     * Bean cleanup.
    protected void afterRenderResponse() {
    public String button1_action() throws Exception{
        // TODO Following code was replaced by static navigation
       getSessionBean1().setId(1);
      /* ExternalContext ctx=(ExternalContext)FacesContext.getCurrentInstance().getExternalContext();
       HttpServletRequest req=(HttpServletRequest)ctx.getRequest();
       HttpServletResponse res=(HttpServletResponse)ctx.getResponse();
       res.sendRedirect("http://localhost:18080/webapplication8/faces/Page2.jsp");
       return null;*/
        return "case1";
    public String button2_action() throws Exception{
        // TODO Following code was replaced by static navigation
            getSessionBean1().setId(2);
      /* ExternalContext ctx=(ExternalContext)FacesContext.getCurrentInstance().getExternalContext();
       HttpServletRequest req=(HttpServletRequest)ctx.getRequest();
       HttpServletResponse res=(HttpServletResponse)ctx.getResponse();
       res.sendRedirect("http://localhost:18080/webapplication8/faces/Page2.jsp");
       return null;*/
        return "case2";
    public String button3_action() throws Exception{
        // TODO Following code was replaced by static navigation
            getSessionBean1().setId(3);
        /*    ExternalContext ctx=(ExternalContext)FacesContext.getCurrentInstance().getExternalContext();
       HttpServletRequest req=(HttpServletRequest)ctx.getRequest();
       HttpServletResponse res=(HttpServletResponse)ctx.getResponse();
       res.sendRedirect("http://localhost:18080/webapplication8/faces/Page2.jsp");
        return null;*/
        return "case3";
}page 2
<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="1.2" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:jsp="http://java.sun.com/JSP/Page">
    <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
    <jsp:text><![CDATA[
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
]]></jsp:text>
    <f:view>
        <html lang="en-US" xml:lang="en-US">
            <head>
                <meta content="no-cache" http-equiv="Cache-Control"/>
                <meta content="no-cache" http-equiv="Pragma"/>
                <title>Page1 Title</title>
                <link href="resources/stylesheet.css" rel="stylesheet" type="text/css"/>
            </head>
            <body style="-rave-layout: grid">
                <h:form binding="#{Page1.form1}" id="form1">
                    <h:panelGrid binding="#{Page1.gridPanel1}" id="gridPanel1" style="left: 96px; top: 48px; position: absolute"/>
                    <f:selectItems binding="#{Page1.radioButtonList1SelectItems1}" id="radioButtonList1SelectItems1"/>
                    <h:commandButton action="#{Page1.button1_action}" binding="#{Page1.button1}" id="button1"
                        style="left: 384px; top: 120px; position: absolute" value="Submit"/>
                    <h:commandButton action="#{Page1.button1_action}" binding="#{Page1.button1}" id="button1" style="left: 384px; top: 72px; position: absolute" value="Submit"/>
                    <h:outputLink binding="#{Page1.hyperlink1}" id="hyperlink1" style="left: 480px; top: 216px; position: absolute" value="http://www.sun.com/jscreator">
                        <h:outputText binding="#{Page1.hyperlink1Text}" id="hyperlink1Text" value="Hyperlink"/>
                    </h:outputLink>
                    <h:commandLink binding="#{Page1.linkAction1}" id="linkAction1" style="left: 456px; top: 264px; position: absolute">
                        <h:outputText binding="#{Page1.linkAction1Text}" id="linkAction1Text" value="Link Action"/>
                    </h:commandLink>
                </h:form>
            </body>
        </html>
    </f:view>
</jsp:root>page2 bean
* Page1.java
* Created on June 25, 2005, 10:52 AM
* Copyright user
package webapplication8;
import javax.faces.*;
import com.sun.jsfcl.app.*;
import com.sun.jsfcl.data.DefaultSelectItemsArray;
import java.util.Vector;
import javax.faces.component.UIComponent;
import javax.faces.component.UISelectItems;
import javax.faces.component.html.*;
import javax.faces.context.ExternalContext;
import javax.faces.context.FacesContext;
import javax.faces.el.ValueBinding;
import javax.faces.model.SelectItem;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class Page1 extends AbstractPageBean {
    // <editor-fold defaultstate="collapsed" desc="Creator-managed Component Definition">
    private int __placeholder;
    private HtmlForm form1 = new HtmlForm();
    public HtmlForm getForm1() {
        return form1;
    public void setForm1(HtmlForm hf) {
        this.form1 = hf;
    private HtmlPanelGrid gridPanel1 = new HtmlPanelGrid();
    public HtmlPanelGrid getGridPanel1() {
        return gridPanel1;
    public void setGridPanel1(HtmlPanelGrid hpg) {
        this.gridPanel1 = hpg;
    private HtmlCommandButton button1 = new HtmlCommandButton();
    public HtmlCommandButton getButton1() {
        return button1;
    public void setButton1(HtmlCommandButton hcb) {
        this.button1 = hcb;
    private HtmlOutputLink hyperlink1 = new HtmlOutputLink();
    public HtmlOutputLink getHyperlink1() {
        return hyperlink1;
    public void setHyperlink1(HtmlOutputLink hol) {
        this.hyperlink1 = hol;
    private HtmlOutputText hyperlink1Text = new HtmlOutputText();
    public HtmlOutputText getHyperlink1Text() {
        return hyperlink1Text;
    public void setHyperlink1Text(HtmlOutputText hot) {
        this.hyperlink1Text = hot;
    private HtmlCommandLink linkAction1 = new HtmlCommandLink();
    public HtmlCommandLink getLinkAction1() {
        return linkAction1;
    public void setLinkAction1(HtmlCommandLink hcl) {
        this.linkAction1 = hcl;
    private HtmlOutputText linkAction1Text = new HtmlOutputText();
    public HtmlOutputText getLinkAction1Text() {
        return linkAction1Text;
    public void setLinkAction1Text(HtmlOutputText hot) {
        this.linkAction1Text = hot;
    // </editor-fold>
    public Page1() {
        // <editor-fold defaultstate="collapsed" desc="Creator-managed Component Initialization">
        try {
            ExternalContext ctx=(ExternalContext)FacesContext.getCurrentInstance().getExternalContext();
            HttpServletRequest req=(HttpServletRequest)ctx.getRequest();
            HttpServletResponse res=(HttpServletResponse)ctx.getResponse();
            String id=req.getParameter("id");
            if(id!=null)
                getSessionBean1().setId(Integer.parseInt(id));
            if (getSessionBean1().getId()==1) {
                addTextBox();
            else if (getSessionBean1().getId()==2) {
                addCheckBox();
                addRadio();
            else if (getSessionBean1().getId()==3) {
                addRadio();
               // addCheckBox();
        } catch (Exception e) {
            log("Page1 Initialization Failure", e);
            throw e instanceof javax.faces.FacesException ? (FacesException) e: new FacesException(e);
        // </editor-fold>
        // Additional user provided initialization code
    protected webapplication8.ApplicationBean1 getApplicationBean1() {
        return (webapplication8.ApplicationBean1)getBean("ApplicationBean1");
    protected webapplication8.SessionBean1 getSessionBean1() {
        return (webapplication8.SessionBean1)getBean("SessionBean1");
     * Bean cleanup.
    protected void afterRenderResponse() {
    private void addRadio() {
        HtmlPanelGrid gridPanel = new HtmlPanelGrid();
        UIComponent parent = gridPanel1;
        HtmlOutputText outputText = new HtmlOutputText();
        outputText.setValue("Some Desc");
        outputText.setId("somedesc2");
        HtmlSelectOneRadio checkBox = new HtmlSelectOneRadio();
        checkBox.setBorder(0);
        checkBox.setLayout("pageDirection");
        checkBox.setId("a3");
        UISelectItems items = new UISelectItems();
        DefaultSelectItemsArray objArray =new DefaultSelectItemsArray();
        vectDefaultSelectItemsArray.add(objArray);
        arrays=(DefaultSelectItemsArray[])vectDefaultSelectItemsArray.toArray(new DefaultSelectItemsArray[vectDefaultSelectItemsArray.size()]);
        int size =arrays.length;
        arrays[size - 1].clear();
        for (int i =0;i<10;i++) {
            arrays[size - 1].add(new SelectItem(""+i+"",""+i));
        // array.setItems(new String[] {"Yes","No" });
        items.setValueBinding("value",getValueBinding("#{Page1.arrays["+(size-1)+"]}"));
        checkBox.getChildren().add(items);
        gridPanel.getChildren().add(outputText);
        gridPanel.getChildren().add(checkBox);
        parent.getChildren().add(gridPanel);
    private void addCheckBox() {
        HtmlPanelGrid gridPanel = new HtmlPanelGrid();
        UIComponent parent = gridPanel1;
        HtmlOutputText outputText = new HtmlOutputText();
        outputText.setValue("Some Desc");
        outputText.setId("somedesc1");
        HtmlSelectManyCheckbox checkBox = new HtmlSelectManyCheckbox();
        checkBox.setBorder(0);
        checkBox.setLayout("pageDirection");
        checkBox.setId("a2");
        UISelectItems items = new UISelectItems();
        DefaultSelectItemsArray objArray =new DefaultSelectItemsArray();
        vectDefaultSelectItemsArray.add(objArray);
        arrays=(DefaultSelectItemsArray[])vectDefaultSelectItemsArray.toArray(new DefaultSelectItemsArray[vectDefaultSelectItemsArray.size()]);
        int size =arrays.length;
        arrays[size - 1].clear();
        for (int i =0;i<10;i++) {
            arrays[size - 1].add(new SelectItem(""+i+"",""+i));
        // array.setItems(new String[] {"Yes","No" });
        items.setValueBinding("value",getValueBinding("#{Page1.arrays["+(size-1)+"]}"));
        checkBox.getChildren().add(items);
        gridPanel.getChildren().add(outputText);
        gridPanel.getChildren().add(checkBox);
        parent.getChildren().add(gridPanel);
    private void addTextBox() {
        HtmlPanelGrid gridPanel = new HtmlPanelGrid();
        UIComponent parent = gridPanel1;
        HtmlOutputText outputText = new HtmlOutputText();
        outputText.setValue("Some Description for Control Text Box");
        outputText.setId("somedesc");
        HtmlInputText textField = new HtmlInputText();
        // textField.setId("textField_"+control.getId());
        textField.setId("a1");
        HtmlOutputText outputText1 = new HtmlOutputText();
        hyperlink1Text.setValue(" ");
        hyperlink1Text.setStyleClass("bodyText");
        textField.setStyleClass("frmObjects");
        gridPanel.setColumns(3);
        gridPanel.getChildren().add(outputText);
        gridPanel.getChildren().add(hyperlink1Text);
        gridPanel.getChildren().add(textField);
        parent.getChildren().add(gridPanel);
    private DefaultSelectItemsArray array = new DefaultSelectItemsArray();
    public DefaultSelectItemsArray getArray() {
        return array;
    public void setArray(DefaultSelectItemsArray dsia) {
        this.array = dsia;
    private Vector vectDefaultSelectItemsArray = new Vector();
    private DefaultSelectItemsArray[] arrays = new DefaultSelectItemsArray[10];
    public DefaultSelectItemsArray[] getArrays() {
        return arrays;
    public void setArrays(DefaultSelectItemsArray[]dsia) {
        this.arrays = dsia;
    private UISelectItems radioButtonList1SelectItems1 = new UISelectItems();
    public UISelectItems getRadioButtonList1SelectItems1() {
        return radioButtonList1SelectItems1;
    public void setRadioButtonList1SelectItems1(UISelectItems uisi) {
        this.radioButtonList1SelectItems1 = uisi;
    private ValueBinding getValueBinding(String expression) {
        return     FacesContext.getCurrentInstance().getApplication().createValueBinding(expression);
    public String button1_action() {
        // TODO Replace with your code
        return "case1";
}my navigation.xml
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE faces-config PUBLIC "-//Sun Microsystems, Inc.//DTD JavaServer Faces Config 1.0//EN"
                              "http://java.sun.com/dtd/web-facesconfig_1_0.dtd">
<faces-config>
    <navigation-rule>
        <from-view-id>/Page2.jsp</from-view-id>
        <navigation-case>
            <from-outcome>case1</from-outcome>
            <to-view-id>/Page1.jsp</to-view-id>
        </navigation-case>
        <navigation-case>
            <from-outcome>case2</from-outcome>
            <to-view-id>/Page1.jsp</to-view-id>
        </navigation-case>
        <navigation-case>
            <from-outcome>case3</from-outcome>
            <to-view-id>/Page1.jsp</to-view-id>
        </navigation-case>
    </navigation-rule>
    <navigation-rule>
        <from-view-id>/Page1.jsp</from-view-id>
        <navigation-case>
            <from-outcome>case1</from-outcome>
            <to-view-id>/Page2.jsp</to-view-id>
        </navigation-case>
    </navigation-rule>
</faces-config>my managed beans xml
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE faces-config PUBLIC "-//Sun Microsystems, Inc.//DTD JavaServer Faces Config 1.0//EN"
                              "http://java.sun.com/dtd/web-facesconfig_1_0.dtd">
<faces-config>
    <managed-bean>
        <managed-bean-name>Page1</managed-bean-name>
        <managed-bean-class>webapplication8.Page1</managed-bean-class>
        <managed-bean-scope>request</managed-bean-scope>
    </managed-bean>
    <managed-bean>
        <managed-bean-name>SessionBean1</managed-bean-name>
        <managed-bean-class>webapplication8.SessionBean1</managed-bean-class>
        <managed-bean-scope>session</managed-bean-scope>
    </managed-bean>
    <managed-bean>
        <managed-bean-name>ApplicationBean1</managed-bean-name>
        <managed-bean-class>webapplication8.ApplicationBean1</managed-bean-class>
        <managed-bean-scope>application</managed-bean-scope>
    </managed-bean>
    <managed-bean>
        <managed-bean-name>Page2</managed-bean-name>
        <managed-bean-class>webapplication8.Page2</managed-bean-class>
        <managed-bean-scope>request</managed-bean-scope>
    </managed-bean>
    <managed-bean>
</faces-config>

How to include taglib in a JSF page?

Hi,
How can I include a taglib in a JSF page? I tried the following:
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>but I get an error as:
Invalid character used in text string ( <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%> ).
Please help!!
Thanks.

Hello Prasant,
I think page fragments is what your after, one of the Sun guys did a good blog on page layout with jspf but i can't access the weblogs, but you could try this tutorial in the meantime:
http://developers.sun.com/prodtech/javatools/jscreator/learning/tutorials/2/pagefragments.html
Then search the weblogs when its available. i hope this helps
Cheers
Gaz

JSF Page extending a template page contains no facet tags

Using JDeveloper 11g Version 11.1.2.1.0
With an ADF Fusion Web Application
I created a JSF template page by following this link:
[http://st-curriculum.oracle.com/obe/jdev/obe11jdev/ps1/adf_richclient/adfrichclient.htm]
However, when I create a JSF page based on the template no facet tags show up on the page.
In the new JSF page I can see the template layout with the header, left and the center facet but the regions are uneditable
and no faceets shows up under the Structure window or in the source that were in the template page.
The last item that shows up in the Structure window is <>af:pageTemplate
Using the Oracle Three Column Layout template the tags show up just fine.
Any recommendations?

Frank,
Yes, I did have the facetRef tags in the template. I had saved the template page as a .jsf since then I have gone back and created a new template as a jspx.
Now the facet tags do show up in the structure window and I can add layout components from the component palette and data controls as well.
But None of that content shows up in the Designer window and when I run the page the whole area with the content just shows up as gray.

How to design a complicated and attractive jsf pages in jdeveloper

Hi All,
I have tried to deisgn jsf pages to looking attractive. But i cannot able to achieve that and it took me more time to design little complicated.
Can anyone refer me any link or tell me how to design more complicated page.
what is the layout procedure for that.
My jdev version - 11.1.2.0.0
Thanks in advance,
SAN

san-717 wrote:
Hi All,
I have tried to deisgn jsf pages to looking attractive. But i cannot able to achieve that and it took me more time to design little complicated.
Can anyone refer me any link or tell me how to design more complicated page.
what is the layout procedure for that.Well… there's a lot to this. First, you'll have to have an idea of what should be on your page; how it is presented is ultimately a design decision, not one of layout. Once you have a design (paper sketches?), then you can proceed to start 'cutting up' your designs into larger components. Perhaps your applicaiton will have a larger page template that holds 'content' of other pages/page fragments.
(If you're coming from OAF, for example, this is a pretty big difference - in ADF page design is very flexible, and how information is presented is largely up to developers/designers. There's no single method for laying out a page.)
To add to the link above, there is also a list of 'design patterns' than can help with some common problems and ways of presenting information:
http://www.oracle.com/technetwork/topics/ux/applications/gps-1601227.html

How to use frames in a jsf page

hi all,
I need my page to be divided into three frames each frame with scrollable option. Each page should be able to display different jsp pages.Can anyone give a solution how can i implement this in a jsf page
regards,
Prasant

Hello Prasant,
I think page fragments is what your after, one of the Sun guys did a good blog on page layout with jspf but i can't access the weblogs, but you could try this tutorial in the meantime:
http://developers.sun.com/prodtech/javatools/jscreator/learning/tutorials/2/pagefragments.html
Then search the weblogs when its available. i hope this helps
Cheers
Gaz

How to display a JSF page inside center part of panel of another page?

How can I display a second JSF page inside my center part of Stretch layout in my First page on click of a commandImageLink of First JSF page? Can anyone help me in this with some example?

Here is a tutorial that will introduce you to the concepts of taskflows, page fragments and regions - http://www.oracle.com/technology/obe/obe11jdev/ps1/boundedtaskflow/bounded_task_flow.html

Visual JSF pages

am having a problem with a web app i am making using visual JSF pages.
I am interacting with a MYSQL database. I have a problem with displaying the blob types from the database in the actual visual table and on screen,.
I have tried converting it to image them using image component to display it but it dosent work. Also when i set that field to image for table layout i get an error invaild type.
Please someone help me out.

I tried to create servlet as how the blog site said it should be done but the page is freezing up now. Its not Loading but its also not crashing its like its stuck in a loop.
this is what i wrote in jsp part to get servlet running.
<h:graphicImage value="image?id=#{ItemPage.txtItemNum}" />
Please tell me how to resolve this issue if you need screen shots of servlets i can supply them. Please help me though I have been trying to rectify this problem for a couple of weeks now.
Thx.

How to use ocx with javascript in jsf page

Hello,
Please i create a jsf page which purpose is to scan.
I used in a source of my jsf page an OCX with object tag like
<OBJECT ID="Ranger"
CLASSID="CLSID:1C5C9095-05A8-11D4-9AF9-00104B23E2B1">
</OBJECT>
i wrote my functions which use this ocx in javascript. Function that i call with clientlistener rear adf button
but it doesn't work
Could you please help me please VERY IMPORTANT

This my html code:
<SCRIPT LANGUAGE=javascript FOR=Ranger EVENT=TransportNewState(newState,previousState)>
// Transport new state, fired every time the State changes on the control
// input params , are the new state and the previous state
//alert(newState);
var RangerTransportStates = {TransportUnknownState: -1, TransportShutDown: 0, TransportStartingUp: 1,
                              TransportChangeOptions: 2, TransportEnablingOptions: 3, TransportReadyToFeed: 4,
                              TransportFeeding: 5, TransportExceptionInProgress:6, TransportShuttingDown: 7};
if(newState == RangerTransportStates.TransportShutDown)
      document.getElementById('StartRanger').disabled = false;
      document.getElementById('EnableRanger').disabled = true;
      document.getElementById('StopFeeding').disabled = true;
      document.getElementById('StartFeeding').disabled = true;
      document.getElementById('ChangeOptions').disabled = true;
      document.getElementById('Shutdown').disabled = true;
      document.getElementById('UserInstructions').innerHTML = "Press 'Startup Ranger' to initialize the Ranger control"
if(newState == RangerTransportStates.TransportChangeOptions)
      document.getElementById('StartRanger').disabled = true;
      document.getElementById('StartFeeding').disabled = true;
      document.getElementById('EnableRanger').disabled = false;
      document.getElementById('Shutdown').disabled = false;
      document.getElementById('UserInstructions').innerHTML = "<b>Ranger Started</b> <br> Press 'Enable Ranger' to enable the current Ranger Options and prepare to start feeding"
if(newState == RangerTransportStates.TransportReadyToFeed)
      document.getElementById('EnableRanger').disabled = true;
      document.getElementById('StopFeeding').disabled = true;
      document.getElementById('StartFeeding').disabled = false;
      document.getElementById('ChangeOptions').disabled = false;
      document.getElementById('Shutdown').disabled = false;
      document.getElementById('UserInstructions').innerHTML = "<b>Ready to feed </b><br> Press 'Start Feeding' to start Ranger Feeding checks from main hopper"
if(newState == RangerTransportStates.TransportFeeding)
      document.getElementById('StartFeeding').disabled = true;
      document.getElementById('ChangeOptions').disabled = true;
      document.getElementById('Shutdown').disabled = true;
      document.getElementById('StopFeeding').disabled = false;
      document.getElementById('UserInstructions').innerHTML = "<b>Feeding... </b><br> Press 'Stop Feeding' to stop Ranger from Feeding checks"
getstatus();
</SCRIPT>
<SCRIPT LANGUAGE=javascript FOR=Ranger EVENT=TransportChangeOptionsState(previousState)>
//Fired when Ranger reaches the change option state, input params are previous state
getstatus();
</SCRIPT>
<SCRIPT LANGUAGE=javascript FOR=Ranger EVENT=TransportReadyToFeedState(previousState)>
//Fired when ranger is ready to feed the next item
getstatus();
</SCRIPT>
<SCRIPT LANGUAGE=javascript FOR=Ranger EVENT=TransportFeedingStopped(reason,itemsFed,itemsrequested)>
//Fired when feeding has stopped
getstatus();
</SCRIPT>
<SCRIPT LANGUAGE=javascript FOR=Ranger EVENT=TransportItemInPocket(itemID)>
//Fired when the item has been fed into the pocket
var RangerSides = {TransportFront: 0, TransportRear: 1};
var RangerImageColorTypes = {ImageColorTypeBitonal:0, ImageColorTypeGrayscale: 1, ImageColorTypeColor: 2};
// Note: SaveImageToFile() below is used to save gray scale images. Please verify that 'NeedFrontImage2' and
//       'NeedRearImage2' are set to 'true' in the GenericOptions.ini file. If bitonal images are to be saved,
//       please set 'NeedFrontImage1'/'NeedRearImage1' to 'true' before calling SaveImageToFile() for bitonal images.
document.getElementById('MICR').innerHTML = 'MICR: ' + Ranger.GetMicrText(1);
temp = Ranger.SaveImageToFile(RangerSides.TransportFront, RangerImageColorTypes.ImageColorTypeGrayscale, "C:\\test\\Testfront.jpg");
temp = Ranger.SaveImageToFile(RangerSides.TransportRear, RangerImageColorTypes.ImageColorTypeGrayscale,"C:\\test\\Testback.jpg");
//Here you could check to see if the images were saved, putting alternate
//text in place of the image if they werent saved.
document.getElementById('PIC').innerHTML = '<img height=200 width=400 src=' + '"Testfront.jpg">' + '<br>' + '<img height=200 width=400 src=' + '"Testback.jpg">';
getstatus();
</SCRIPT>
<SCRIPT LANGUAGE=javascript FOR=Ranger EVENT=TransportNewItem()>
// Fired when a new item has entered the track
getstatus();
</SCRIPT>
<SCRIPT LANGUAGE=javascript FOR=Ranger EVENT=TransportShutDownState(currentState,previousState)>
//Fired when the Ranger control has been shutdown
getstatus();
</SCRIPT>
<SCRIPT LANGUAGE=javascript FOR=Ranger EVENT=TransportSetItemOutput(itemID)>
//fired when the item is ready to have params set(pocketing decisions)
getstatus();
</SCRIPT>

<SCRIPT LANGUAGE="javascript">
function getstatus()
     document.getElementById('Status').innerHTML = 'Status: ' + Ranger.GetTransportStateString();
</SCRIPT>
</head>
<body>
<OBJECT ID="Ranger"
CLASSID="CLSID:1C5C9095-05A8-11D4-9AF9-00104B23E2B1">
</OBJECT>
<div id="container">
     <div id="banner" >
     </div>
     <div id="left">
          <h2>Ranger Control Buttons</h2>
          <br><div id="Status">Status:</div><br>
          <input class="controlbutton" id="StartRanger" type=button value="Startup Ranger" onclick="Ranger.Startup();">
          <input class="controlbutton" id="EnableRanger" disabled type=button value="Enable Ranger" onclick="Ranger.EnableOptions();">
          <input class="controlbutton" id="StartFeeding" disabled type=button value="Start Feeding" onclick="Ranger.StartFeeding(0,0);">
          <input class="controlbutton" id="StopFeeding" disabled type=button value="Stop Feeding" onclick="Ranger.StopFeeding();">
          <input class="controlbutton" id="ChangeOptions" disabled type=button value="Change Options" onclick="Ranger.PrepareToChangeOptions();">
          <input class="controlbutton" id="Shutdown" disabled type=button value="Shutdown Ranger" onclick="Ranger.Shutdown();">
     </div>
     <div id="content">
          <div id="UserInstructions">Press 'Startup Ranger' to initialize the Ranger control</div>
          <br>
          <div id="MICR"></div>
          <br>
          <div id="PIC"></div>
     </div>
     <div id="footer"><h1>Ranger Control</h1></div>
</div>
them jsf code:
<f:view>
<OBJECT ID="Ranger"
    CLASSID="CLSID:1C5C9095-05A8-11D4-9AF9-00104B23E2B1">
</OBJECT>
<af:document id="d1" title="Fiche Bordereau">
    <af:messages id="m1"/>
    <af:form id="f1">
      <af:pageTemplate viewId="/tempCompens.jspx" id="pt1">
       <af:resource type="javascript">
        // Transport new state, fired every time the State changes on the control
        // input params , are the new state and the previous state
        //alert(newState);
        var RangerTransportStates = {TransportUnknownState: -1, TransportShutDown: 0, TransportStartingUp: 1,
                              TransportChangeOptions: 2, TransportEnablingOptions: 3, TransportReadyToFeed: 4,
                              TransportFeeding: 5, TransportExceptionInProgress:6, TransportShuttingDown: 7};
        ok =false;
        var i = 0;
        if(newState == RangerTransportStates.TransportShutDown)
            document.getElementById('btn_demarre').disabled = false;
            document.getElementById('btn_active').disabled = true;
            document.getElementById('btn_arretscan').disabled = true;
            document.getElementById('btn_scan').disabled = true;
            document.getElementById('btn_changetat').disabled = true;
            document.getElementById('btn_arret').disabled = true;
            document.getElementById('UserInstructions').value = "Appuyer sur Demarrer pour initiliser le scanner"
        if(newState == RangerTransportStates.TransportChangeOptions)
            document.getElementById('btn_demarre').disabled = true;
            document.getElementById('btn_scan').disabled = true;
            document.getElementById('btn_active').disabled = false;
            document.getElementById('btn_arret').disabled = false;
            document.getElementById('UserInstructions').value = "Demarrage... Appuyer sur Activer pour preparer le scanning "
            ok = false;
        if(newState == RangerTransportStates.TransportReadyToFeed)
            document.getElementById('btn_active').disabled = true;
            document.getElementById('btn_arretscan').disabled = true;
            document.getElementById('btn_scan').disabled = false;
            document.getElementById('btn_changetat').disabled = false;
            document.getElementById('btn_arret').disabled = false;
            document.getElementById('UserInstructions').value = "Pret a scanner.   Appuyer sur Scanner pour lancer le scanning"
            ok = true;
        if(newState == RangerTransportStates.TransportFeeding)
            document.getElementById('btn_scan').disabled = true;
            document.getElementById('btn_changetat').disabled = true;
            document.getElementById('btn_arret').disabled = true;
            document.getElementById('btn_arretscan').disabled = false;
            document.getElementById('UserInstructions').value = "Scanning... Appuyer sur Arret scanning pour stopper le scanning"
        getstatus();
       </af:resource>
       <af:resource type="javascript">
        //Fired when the item has been fed into the pocket
            var RangerSides = {TransportFront: 0, TransportRear: 1};
            var RangerImageColorTypes = {ImageColorTypeBitonal:0, ImageColorTypeGrayscale: 1, ImageColorTypeColor: 2};
        //alert(Ranger.GetGenericOptionFileName());
            Ranger.SetGenericOption("OptionalDevice","NeedFrontImage1",true);
            Ranger.SetGenericOption("OptionalDevice","NeedRearImage1",true);
            document.getElementById('cmc7').value = 'CMC7= '+Ranger.GetMicrText(1);
            var cmc7 = trim(Ranger.GetMicrText(1));
            cmc7 = cmc7.replace(" ","_");
            cmc7 = cmc7.replace(" ","_");
        //cmc7 = cmc7.substring(0,15);
            cmc7R = cmc7+"_R.jpg";
        //alert(Ranger.GetImageAddress(RangerSides.TransportFront, RangerImageColorTypes.ImageColorTypeGrayscale))
            function trim(myString)
                return myString.replace(/^\s+/g,'').replace(/\s+$/g,'')
            temp = Ranger.SaveImageToFile(RangerSides.TransportFront, RangerImageColorTypes.ImageColorTypeGrayscale, "C:\\Documents and Settings\\Koffi Ernest\\Mes documents\\NetBeansProjects\\Scan-project\\web\\"+cmc7R);
            window.onload = function()
              document.getElementById("verso").src = monfichierV();
            function monfichierR()
            // nomfichier = nomfichier+"_R.jpg";
                var nomfichier = trim(Ranger.GetMicrText(1))+"_R.jpg";
                return nomfichier
            cmc7V = cmc7+"_V.jpg";
            temp = Ranger.SaveImageToFile(RangerSides.TransportRear, RangerImageColorTypes.ImageColorTypeGrayscale,"C:\\Documents and Settings\\Koffi Ernest\\Mes documents\\NetBeansProjects\\Scan-project\\web\\"+cmc7V);
            window.onload = function()
                document.getElementById("verso").src = monfichierV();
            function monfichierV()
                var nomfichierV = trim(Ranger.GetMicrText(1))+"_V.jpg";
                return nomfichierV
            function getRImageUrl(img)
                var imageSrc = trim(Ranger.GetMicrText(1))+"_R.jpg";
                if(img.src != imageSrc)
                // don't get stuck in an endless loop
                img.src = imageSrc;
            function getVImageUrl(img)
             var imageSrc = trim(Ranger.GetMicrText(1))+"_V.jpg";
             if(img.src != imageSrc)
             { // don't get stuck in an endless loop
              img.src = imageSrc;
        document.getElementById('recto').source = cmc7R;
        document.getElementById('verso').source = cmc7V;
        getstatus();
       </af:resource>
        <af:resource type="javascript">
             document.getElementById('status').value = Ranger.GetTransportStateString();
        </af:resource>
        <f:facet name="temp">
          <af:panelSplitter id="ps1" splitterPosition="329"
                            inlineStyle="width:709px;">
            <f:facet name="first">
              <af:panelGroupLayout layout="scroll"
                                   xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
                                   id="pgl5">
                <af:panelGroupLayout id="pgl1">
                  <af:outputText value="Saisie des informations du bordereau"
                                 id="ot1"
                                 inlineStyle="font-size:small; font-family:inherit; color:Gray; font-weight:bold;"/>
                </af:panelGroupLayout>
                <af:panelFormLayout id="pfl1">
                  <f:facet name="footer">
                    <af:panelGroupLayout id="pgl4" layout="horizontal">
                      <af:commandButton text="Annuler" id="cb4"/>
                      <af:spacer width="5" height="10" id="s14"/>
                      <af:commandButton text="Scanner" id="cb5"
                                        action="success"/>
                    </af:panelGroupLayout>
                  </f:facet>
                  <af:spacer width="10" height="30" id="s2"/>
                  <af:panelGroupLayout id="panelGroupLayout1"
                                       layout="horizontal" valign="middle">
                    <af:inputText label="N° de compte                   " id="it1"/>
                    <af:spacer width="10" height="10" id="s16"/>
                    <af:commandButton text="..." id="cb3"/>
                  </af:panelGroupLayout>
                  <af:spacer width="5" height="3" id="s12"/>
                  <af:panelGroupLayout id="pgl2" layout="horizontal"
                                       valign="middle">
                    <af:inputText label="Nom du client         " id="it3"/>
                  </af:panelGroupLayout>
                  <af:spacer width="5" height="3" id="s17"/>
                  <af:panelGroupLayout id="pgl11" layout="horizontal"
                                       valign="middle">
                    <af:inputText label="N° bordereau    " id="it4"/>
                    <af:spacer width="5" height="10" id="s11"/>
                    <af:commandButton text="New" id="cb1"/>
                    <af:spacer width="2" height="10" id="s13"/>
                    <af:commandButton text="Find" id="cb2"/>
                  </af:panelGroupLayout>
                  <af:spacer width="5" height="3" id="s18"/>
                  <af:panelGroupLayout id="pgl3">
                    <af:inputText label="Nbre de chèque" id="it2"/>
                    <af:spacer width="5" height="3" id="s19"/>
                    <af:inputDate label="Date d'operation                  " id="id1"/>
                  </af:panelGroupLayout>
                  <af:spacer width="1000" height="10" id="s1"/>
                </af:panelFormLayout>
              </af:panelGroupLayout>
            </f:facet>
            <f:facet name="second">
              <af:panelGroupLayout layout="scroll"
                                   xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
                                   id="pgl6">
                <af:outputText value="Resultat scanning" id="ot2"
                               inlineStyle="font-size:small; font-weight:bold; color:Gray;"/>
                <af:panelTabbed id="pt2"
                                inlineStyle="height:498px; width:680px;">
                  <af:showDetailItem text="Scanning" id="sdi1">
                    <af:panelSplitter id="ps2" splitterPosition="103"
                                      inlineStyle="width:433px; height:436px;">
                      <f:facet name="first">
                        <af:panelGroupLayout id="pgl7" layout="vertical">
                          <af:outputText value="Liste de contrôles" id="ot3"
                                         inlineStyle="font-weight:bold; color:Gray;"/>
                          <af:spacer width="10" height="10" id="s20"/>
                          <af:outputText id="status"/>
                          <af:spacer width="10" height="10" id="s8"/>
                          <af:commandButton text="Demarrer      "
                                            id="btn_demarre">
                            <af:clientListener type="click"
                                               method="Ranger.Startup()"/>
                          </af:commandButton>
                          <af:spacer width="10" height="10" id="s7"/>
                          <af:commandButton text="Activer              "
                                            id="btn_active"
                                            disabled="true">
                            <af:clientListener method="Ranger.EnableOptions()"
                                               type="click"/>
                          </af:commandButton>
                          <af:spacer width="10" height="10" id="s6"/>
                          <af:commandButton text="Scanner       "
                                            id="btn_scanne"
                                            disabled="true">
                            <af:clientListener method="Ranger.StartFeeding(0,0)"
                                               type="click"/>
                          </af:commandButton>
                          <af:spacer width="10" height="10" id="s3"/>
                          <af:commandButton text="Arrêt Scan   "
                                            id="btn_arretscan"
                                            disabled="true">
                            <af:clientListener method="Ranger.StopFeeding()"
                                               type="click"/>
                          </af:commandButton>
                          <af:spacer width="10" height="10" id="s4"/>
                          <af:commandButton text="Changer Etat"
                                            id="btn_changetat"
                                            disabled="true">
                            <af:clientListener method="Ranger.PrepareToChangeOptions()"
                                               type="click"/>
                          </af:commandButton>
                          <af:spacer width="10" height="10" id="s5"/>
                          <af:commandButton text="Arrêter         "
                                            id="btn_arret"
                                            disabled="true">
                            <af:clientListener method="Ranger.Shutdown()"
                                               type="click"/>
                          </af:commandButton>
                        </af:panelGroupLayout>
                      </f:facet>
....Edited by: nesta on 21 juil. 2010 07:07

Passing Request Parameters to Non JSF Page

I want to pass request parameters from a JSF page (Page1.jsp) to a non JSF page (paramTest.jsp) and am having trouble.
The parameters are 'null' in the non JSF page.
Here is code (in Page1.java) that is called when 'button1' is clicked in Page1.jsp (modified from JSF, Bergsten p.167):
public String button1_action() {
        FacesContext context = javax.faces.context.FacesContext.getCurrentInstance();
        ExternalContext ec = context.getExternalContext();
        try {
            ec.redirect("http://xxx/paramTest.jsp");
        } catch (Exception e) {
            // print exception information in the server log
            log("Exception occurred when redirecting page", e);
            error("Trouble redirecting page");
            return null;
        context.responseComplete();
        return "success";
    }Here is Page1.jsp code: <?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="1.2" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:jsp="http://java.sun.com/JSP/Page">
    <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
    <jsp:text><![CDATA[
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
]]></jsp:text>
    <f:view>
        <html lang="en-US" xml:lang="en-US">
            <head>
                <meta content="no-cache" http-equiv="Cache-Control"/>
                <meta content="no-cache" http-equiv="Pragma"/>
                <title>Page1 Title</title>
                <link href="resources/stylesheet.css" rel="stylesheet" type="text/css"/>
            </head>
            <body style="-rave-layout: grid">
                <h:form binding="#{Page1.form1}" id="form1">
                    <h:inputText binding="#{Page1.name}" id="name" style="left: 144px; top: 96px; position: absolute"/>
                    <h:outputLabel binding="#{Page1.componentLabel1}" for="componentLabel1" id="componentLabel1" style="left: 72px; top: 96px; position: absolute">
                        <h:outputText binding="#{Page1.componentLabel1Text}" id="componentLabel1Text" value="Name:"/>
                    </h:outputLabel>
                    <h:commandButton action="#{Page1.button1_action}" binding="#{Page1.button1}" id="button1" onclick="this.form.submit() style="left: 120px; top: 144px; position: absolute" value="Submit"/>
                    <h:messages binding="#{Page1.messageList1}" errorClass="errorMessage" fatalClass="fatalMessage" id="messageList1" infoClass="infoMessage"
                        showDetail="true" style="left: 480px; top: 72px; position: absolute" warnClass="warnMessage"/>
                </h:form>
            </body>
        </html>
    </f:view>
</jsp:root>Here is the rendered Page1.jsp html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="en-US" lang="en-US">
<head>
<meta http-equiv="Cache-Control" content="no-cache"/><meta http-equiv="Pragma" content="no-cache"/>
<title>Page1 Title</title>
<link type="text/css" rel="stylesheet" href="resources/stylesheet.css"/>
</head>
<body style="-rave-layout: grid">
<form id="form1" method="post" action="/cenwkd/faces/Page1.jsp;jsessionid=79A5577F53DAAEDF164C5D33F33D8327" enctype="application/x-www-form-urlencoded">
<input id="form1:name" type="text" name="form1:name" style="left: 120px; top: 96px; position: absolute" />
<label id="form1:componentLabel1" for="form1:componentLabel1" style="left: 72px; top: 96px; position: absolute">
<span id="form1:componentLabel1Text">Name:</span></label>
<input id="form1:button1" type="submit" name="form1:button1" value="Submit" onclick="" style="left: 120px; top: 144px; position: absolute" />
<input type="hidden" name="form1" value="form1" />
</form>
</body>
</html> Here is the source for a test jsp, paramTest.jsp: <html>
<head>
<title>
paramTest
</title>
</head>
<body>
<h2><%= request.getParameter("form1:name")%></h2>
<%-- Also tried: request.getParameter("name"), "name" is the original 'id' value for the text field entered in Creator
     it apparently is changed to "form1:name" when the html is rendered--%>
</body>
</html>Here is the rendered html from paramTest.jsp: <html>
<head>
<title>
paramTest
</title>
</head>
<body>
<h2>null</h2>
</body>
</html>Any help would be much appreciated.

Hi,
I dont see any parameters that you are trying to pass in the below code.
public String button1_action() {
FacesContext context = javax.faces.context.FacesContext.getCurrentInstance();
ExternalContext ec = context.getExternalContext();
try {
ec.redirect("http://xxx/paramTest.jsp");
} catch (Exception e) {
// print exception information in the server log
log("Exception occurred when redirecting page", e);
error("Trouble redirecting page");
return null;
context.responseComplete();
return "success";
}

Display mysql table data in a jsf page? (10 duke dollars up for grabs)

hi,
im having some trouble on how to display data from a mysql table in a JSF page under the JSF architecture. i need some help on the best and correct way of doing this?
if you could provide code on how this is done, would be much appreciated.
many thanks.

I'm going to assume that you have had experience with doing this in jsp. Watch for my comments by the **** asterisks *****. My skill level is best described as intermediate, so you'll probably want to heed replies from the more accomplished members of the community to improve upon this advice.
The jsp page:
<%@ page language="java" %>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://myfaces.apache.org/extensions" prefix="x" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
***** All of your jsf content must be between the f:view tags ******
<f:view>
<html lang="en-US" xml:lang="en-US">
<head>
<title>Page Title</title>
</head>
<body>
***** Here is the h:form tag which constructs the appropriate html form tag.
***** You don't need to worry about get/post and all that.
<h:form>
***** The h:panelGrid constructs a table that I'm using purely for layout purposes *****
<h:panelGrid width="800" columnClasses="textColumns">
***** the h:dataTable is doing the heavy lifting here. the var attribute is the name you
               want to give to the data you're returning. The value
               attribute it bound to a managed bean named MemberList in my faces-config and all refers
               to a method named getAll (in bean style) that returns a java.sql.Result.
          ***** You can see below how the columns are laid out with the h:column tags and how the header for
                         the columns are named.
          ***** The dataTable iterates over each value in the outputText tags contained in the column tags.
                         It's bound by the var_name.query_field_name. The field name is the one bundled in your result
          ***** Scroll down to see the MemberList bean code.
<h:dataTable var="foo" value="#{MemberList.all}">
<h:column>
<f:facet name="header">
<h:outputText value="Name"/>
</f:facet>
<h:outputText value="#{foo.name}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="bar Number"/>
</f:facet>
<h:outputText value="#{foo.ANET_NUM}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="Group"/>
</f:facet>
<h:outputText value="#{foo.CUST_GROUP}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="Classification"/>
</f:facet>
<h:outputText value="#{foo.CLASSIFICATION}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="Sector"/>
</f:facet>
<h:outputText value="#{foo.SECTOR}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="Address"/>
</f:facet>
<h:outputText value="#{foo.ADDRESS1}"/><f:verbatim><br></f:verbatim>
<h:outputText escape="false" value="#{MemberList.ADDRESS2} <br>"
rendered="#{MemberList.ADDRESS2 != null}"/>
<h:outputText value="#{foo.CITY}"/><f:verbatim>, </f:verbatim>
<h:outputText value="#{foo.STATE}"/><f:verbatim>, </f:verbatim>
<h:outputText value="#{foo.ZIP}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="Purchasing Contact"/>
</f:facet>
<h:outputText value="#{foo.CONTACT}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="Purchasing Phone"/>
</f:facet>
<h:outputText value="#{foo.WORK}"/>
</h:column>
</h:dataTable>
</h:panelGrid>
</h:form>
</body>
</html>
</f:view>
*** MemberList bean code:
package bar.vendor;
import bar.dbConnectionInfo;
import javax.faces.context.ExternalContext;
import javax.faces.context.FacesContext;
import javax.naming.NamingException;
import javax.servlet.http.HttpSession;
import javax.servlet.jsp.jstl.sql.Result;
import javax.servlet.jsp.jstl.sql.ResultSupport;
import java.sql.*;
public class MemberList extends dbConnectionInfo {
private Connection conn;
public void open() throws SQLException, NamingException {
******* Here is where I set up my connection info. I store it in a separate class.
******* You'll set yours up according to your MySQL settings.
conn = DriverManager.getConnection(getUrl(), getUsername(), getPassword());
          ******* The rest of this is pretty standard. The only exceptions is where I use the FacesContext
          ******* to get the session and getting a parameter map (see below)
public Result getAll() throws SQLException, NamingException {
FacesContext facesContext = FacesContext.getCurrentInstance();
ExternalContext extContext = facesContext.getExternalContext();
HttpSession session = (HttpSession) extContext.getSession(true);
ResultSet rs = null;
String schema = getOracleOwner();
String sql = "select distinct c.name, c. ANet_Num, ug.cust_group, ug.classification, c.sector, " +
" a.address1, a.address2, a.city, a.state, a.zip," +
" trim(cc.fname) || ' ' || trim(cc.lname) as Purchasing_Contact, cc.work " +
" from "+schema+".cust c, "+schema+".vw_unique_cust_address u, "+schema+".cust_address a, " +
" "+schema+".cust_group cg, "+schema+".vw_purchasing_contact pc, "+schema+".cust_contact cc, " +
" "+schema+".baruser nu, "+schema+".dist_contact dc, "+schema+".contract con, " +
" "+schema+".contract_access ca, "+schema+".vw_unique_cust_groups ug " +
" where nu.id = ? " +
" and c.SECTOR = ? " +
" and nu.fk_dist_contact_id = dc.id " +
" and dc.fk_dist_id = con.fk_dist_id " +
" and con.id = ca.fk_contract_id " +
" and ca.fk_group_type_id = cg.fk_group_type_id " +
" and cg.fk_cust_id = c.id " +
" and c.id = u.id " +
" and to_number(substr(u.desc_type,2)) = a.id(+) " +
" and c.id = pc.id(+) " +
" and pc.cc_id = cc.id(+) " +
" and c.status = 'Active' " +
" and c.id = ug.id " +
" order by ug.cust_group, c.name";
try {
open();
PreparedStatement ps = conn.prepareStatement(sql);
ps.setString(1, (String) session.getAttribute("baruserID"));
**** This is cool. Look at the f:param tag as it pertains to commandButtons and commandLinks *****
ps.setString(2,(String) FacesContext.getCurrentInstance().getExternalContext().getRequestParameterMap().get("sector"));
rs = ps.executeQuery();
} catch (SQLException sqle) {
System.out.println(sqle.getMessage());
} catch (Exception e){
System.out.println(e.getMessage());
//close();
return ResultSupport.toResult(rs);
public void close() throws SQLException {
if (conn == null) return;
conn.close();
conn = null;
}

Reusing JSF Page Code

I have 3 JSF pages which have the same block of Code.
Is there a way I could use to make one JSF page say main.jsp with the main block of code and then use something like the include tag to just reuse and insert the main.jsp in my other 3 pages.
The code is:
<h:form id="frmRR">
    <f:loadBundle basename="com.eds.send.controller.Resource."
                  var="messages"/>
    <tr:panelHeader styleClass="titleText" text="RR"/>
    <tr:panelHorizontalLayout valign="top">
        <tr:panelHorizontalLayout valign="top">
            <tr:panelGroupLayout layout="vertical">
                <tr:panelGroupLayout layout="horizontal">
                    <tr:panelGroupLayout styleClass="columnSpace boldAlignLeft"
                                         layout="vertical"
                                         inlineStyle="width:200px">
                        <tr:outputText value="To:"/>
                        <tr:spacer height="18"/>
                        <tr:outputText value="From:"/>
                        <tr:spacer height="18"/>
                        <tr:outputText value="Subject:"/>
                        <tr:spacer height="18"/>
                        <tr:outputText value="Business:"/>
                        <tr:outputText value="#{messages[\date\']}:"/>
                        <tr:outputText value="PN:"/>
                    </tr:panelGroupLayout>
                    <tr:panelGroupLayout styleClass="normalAlignLeft"
                                         layout="vertical"
                                         inlineStyle="width:350px">
                        <tr:outputText value="#{messages[\'hp.email\']} "/>
                        <tr:spacer height="18"/>
                        <tr:outputText value="#{rR.userName}"/>
                        <tr:spacer height="18"/>
                        <tr:outputText value="R R"/>
                        <tr:spacer height="18"/>
                        <tr:outputText value="#{rR.subList.description}"/>
                        <tr:outputText value="#{rR.cyc}">
                         </tr:outputText>
                        <tr:outputText value="#{rR.pN}"/>
                    </tr:panelGroupLayout>
                </tr:panelGroupLayout>
                <tr:panelGroupLayout layout="vertical">
                    <f:facet name="separator">
                        <tr:spacer width="10" height="1"/>
                    </f:facet>
                    <tr:outputFormatted inlineStyle="font-weight:bold" styleClass=" columnSpace font_size"
                                        value="Email Message:"/>
                    <tr:inputText id="emailMessage"
                                  value="#{rR.emailMessage}"
                                  columns="50" rows="10" wrap="soft"/>
                </tr:panelGroupLayout>
                <tr:panelButtonBar>
                    <tr:commandButton text="Confirm"
                                      action="#{rRBean.createAction}"/>
                    <tr:commandButton text="Cancel" action="home"/>
                </tr:panelButtonBar>
            </tr:panelGroupLayout>
        </tr:panelHorizontalLayout>
        <f:facet name="separator">
            <tr:spacer width="8"/>
        </f:facet>
        <tr:panelHorizontalLayout valign="top" halign="right">
            <tr:panelGroupLayout layout="vertical">
                <tr:outputText inlineStyle="width:270px; font-size: 8pt; font-weight:bold; text-align: left"
                               styleClass="subnav"
                               value="#{messages[\'rReq.terms\']}"/>
                <tr:outputText inlineStyle="width:270px; font-size: 8pt; font-weight:normal; text-align: left"
                               styleClass="subnav"
                               value="#{messages[\'rReq.body\']}"/>
            </tr:panelGroupLayout>
        </tr:panelHorizontalLayout>
    </tr:panelHorizontalLayout>
</h:form>I want to be able to put this code in a Main jSP and then just include the tag in other JSPs where ever I want the above fields to be populated.
How can this be achieved ?
Thanks

you already are blessed with the rare event of a Sun employee answering a question for you, now don't push it by demanding more. A simple google query can give you all the answers you need. For example this page can give you some hints:
http://www.ibm.com/developerworks/java/library/j-facelets/
The facelets website also has lots of documentation.
https://facelets.dev.java.net/nonav/docs/dev/docbook.html

Jsf page layout

Similar Messages

Maybe you are looking for