How to show different types of components in acolumn of a dataTable?

Question

Hi All,
Based on the conditions, I may want to show outputText field in row 1 and Link in row two for a particular column. of a dataTable.
How can I do this??
Thanks
Sudhakar

Answer 1

Giri I have found a way to show various components on conditional basis
Here is the below example for that approach
1. Create a new Project
2. Drag a dataTable component on default page (created by creator)
3. Remove column 3
4. Remove dummy data from Column 2
5. drag OutputText Object into Column2
6. drag Image component into column 2
7. drag checkBox component into Column 2. Now youe Page1.jsp code should look like something like Below
<h:dataTable binding="#{Page1.dataTable1}" headerClass="list-header" id="dataTable1" rowClasses="list-row-even,list-row-odd"
                        style="left: 192px; top: 120px; position: absolute" value="#{Page1.dataTable1Model}" var="currentRow">
                        <h:column binding="#{Page1.column1}" id="column1">
                            <h:outputText binding="#{Page1.outputText1}" id="outputText1" value="#{currentRow['COLUMN1']}"/>
                            <f:facet name="header">
                                <h:outputText binding="#{Page1.outputText2}" id="outputText2" value="Number"/>
                            </f:facet>
                        </h:column>
                        <h:column binding="#{Page1.column2}" id="column2">
                            <f:facet name="header">
                                <h:outputText binding="#{Page1.outputText4}" id="outputText4" value="Image/Text/CheckBox"/>
                            </f:facet>
                            <h:outputText binding="#{Page1.outputText7}" id="outputText7"/>
                            <h:graphicImage binding="#{Page1.image1}" id="image1" value="resources/prime.GIF"/>
                            <h:selectBooleanCheckbox binding="#{Page1.checkbox1}" id="checkbox1"/>
                        </h:column>
                    </h:dataTable>8. Now create a bean Called NumberBean
9. Add properties oddRender,evenRender,primeRender of type boolean
10.Add private method "isPrime" in Page1.java(default bean created by studio creator)
* NumberBean.java
* Created on July 16, 2005, 12:08 PM
package webapplication11;
* @author  user
public class NumberBean {
     * Holds value of property oddRender.
    private boolean oddRender;
     * Holds value of property evenRender.
    private boolean evenRender;
     * Holds value of property primeRender.
    private boolean primeRender;
     * Holds value of property value.
    private int value;
    /** Creates a new instance of NumberBean */
    public NumberBean() {
     * Getter for property oddRender.
     * @return Value of property oddRender.
    public boolean isOddRender() {
        return this.oddRender;
     * Setter for property oddRender.
     * @param oddRender New value of property oddRender.
    public void setOddRender(boolean oddRender) {
        this.oddRender = oddRender;
     * Getter for property evenRender.
     * @return Value of property evenRender.
    public boolean isEvenRender() {
        return this.evenRender;
     * Setter for property evenRender.
     * @param evenRender New value of property evenRender.
    public void setEvenRender(boolean evenRender) {
        this.evenRender = evenRender;
     * Getter for property primeRender.
     * @return Value of property primeRender.
    public boolean isPrimeRender() {
        return this.primeRender;
     * Setter for property primeRender.
     * @param primeRender New value of property primeRender.
    public void setPrimeRender(boolean primeRender) {
        this.primeRender = primeRender;
     * Getter for property value.
     * @return Value of property value.
    public int getValue() {
        return this.value;
     * Setter for property value.
     * @param value New value of property value.
    public void setValue(int value) {
        this.value = value;
private boolean isPrime(int prime)
        if(prime==2)
            return true;
        int factors=0;
        for(int i=1;i<=prime;i++)
            if(prime%i==0)
                factors++;
            if(factors>2)
                return false;
        return true;
    }11. Now add the NumberBean array as property in Page1.java
12. You will see following methods and private variable in Page1.java file
     * Getter for property numberBeanArray.
     * @return Value of property numberBeanArray.
    public NumberBean[] getNumberBeanArray() {
        return this.numberBeanArray;
     * Setter for property numberBeanArray.
     * @param numberBean New value of property numberBeanArray.
    public void setNumberBeanArray(NumberBean[] numberBeanArray) {
        this.numberBeanArray = numberBeanArray;
     * Holds value of property numberBeanArray.
    private NumberBean[] numberBeanArray;
    13 Now modify the Constructor of Page1.java as below
         java.util.Vector results=new java.util.Vector();
            for(int i=1;i<=100;i++)
                NumberBean bean=new NumberBean();
                bean.setValue(i);
                if(i%2==0)
                    bean.setEvenRender(true);
                    bean.setOddRender(false);
                else
                    bean.setEvenRender(false);
                    bean.setOddRender(true);
                if(isPrime(i))
                    bean.setPrimeRender(true);
                else
                    bean.setPrimeRender(false);
          results.add(bean);
            numberBeanArray=(NumberBean[])results.toArray(new NumberBean[results.size()]);
       14. Now Change the JSP code as below
<h:dataTable binding="#{Page1.dataTable1}" headerClass="list-header" id="dataTable1" rowClasses="list-row-even,list-row-odd"
                        style="left: 192px; top: 120px; position: absolute" value="#{Page1.numberBeanArray}" var="currentRow">
                        <h:column binding="#{Page1.column1}" id="column1">
                            <h:outputText binding="#{Page1.outputText1}" id="outputText1" value="#{currentRow['value']}"/>
                            <f:facet name="header">
                                <h:outputText binding="#{Page1.outputText2}" id="outputText2" value="Number"/>
                            </f:facet>
                        </h:column>
                        <h:column binding="#{Page1.column2}" id="column2">
                            <f:facet name="header">
                                <h:outputText binding="#{Page1.outputText4}" id="outputText4" value="Image/Text/CheckBox"/>
                            </f:facet>
                            <h:outputText binding="#{Page1.outputText7}" id="outputText7" rendered="#{currentRow['oddRender']}" value="Odd Number"/>
                            <h:graphicImage binding="#{Page1.image1}" id="image1" rendered="#{currentRow['primeRender']}" value="resources/prime.GIF"/>
                            <h:selectBooleanCheckbox binding="#{Page1.checkbox1}" id="checkbox1" rendered="#{currentRow['evenRender']}" value="Even Number"/>
                        </h:column>
                    </h:dataTable>JSF model really helps in various scenarios. Only thing we need is patience, Better understanding on Framework and some Investigative knowledge. :-)
Thanks
Sudhakar