Dynamically adding a row in a table in JSF

Question

Hi All,
I am searching for a control in JSF using which I can dynamically add more than one row in a table. Currently I am handling this in javasript where I have to click on the "Add Row" button to add one more row at the bottom of the table. I want to get rid of javascript.
If anyone knows about such control then please help me.
Thanks in advance.
Regards,
Saket

Answer 1

hello Saketh,
here is the code for Create Delete Update code where a row is added for every button click..and the JSF code is at the bottom.. today u r blessed with ocean. :-) have fun!!
package redrose;
import net.sf.hibernate.Session;
import net.sf.hibernate.Transaction;
import net.sf.hibernate.Query;
import javax.faces.model.DataModel;
import javax.faces.model.ListDataModel;
public class RowEntry {
     private DataModel datamodel = null;
     static Integer sid;
     private Medata mdobject = null;
     private Medata nm=null;
      * @return Returns the newMdobject.
     public Medata getNm() {
          nm = new Medata();
          return nm;
      * @param newMdobject The newMdobject to set.
     public void setNm(Medata newMdobject) {
          this.nm = newMdobject;
      * @return Returns the mdobject.
     public Medata getMdobject() {
          return mdobject;
      * @param mdobject The mdobject to set.
     public void setMdobject(Medata mdobject) {
          this.mdobject = mdobject;
     public DataModel getDatamodel()
          datamodel = new ListDataModel();
          Session hibSession;     
          try{
               hibSession = HibernateSessionFactory.currentSession();
               Query q = hibSession.createQuery("FROM Medata");                    
               q.setMaxResults(9999);
               datamodel.setWrappedData(q.list());
          catch(Exception ex){
                System.err.println("%%%% Error GetData %%%%");
                ex.printStackTrace();
          return datamodel;
      * Inserting a new Record by reading from Client
     public void insertEntry()
              Transaction tx = null;
               Session session = null;
               try{
                    session = HibernateSessionFactory.currentSession();
                    tx = session.beginTransaction();
                    Medata     dbmedata = new Medata();
                         dbmedata.setEmploy(nm.getEmploy());
                         session.save(dbmedata);
                    tx.commit();
                    session.close();
               catch(Exception ex){
                    System.err.println("%%%% Modify Data %%%%");
                    ex.printStackTrace();
      * Modify data
     public void updateEntry()
          int a =0;
         if (this.datamodel == null) return;
         Medata mdupdate = (Medata) this.datamodel.getRowData();
         if (mdupdate == null ) return;
          Transaction tx = null;
          Session session = null;
          try{
               session = HibernateSessionFactory.currentSession();
               tx = session.beginTransaction();
               Medata dbmedata = (Medata) session.load(Medata.class,mdupdate.getId());
               if (dbmedata != null){ // we have to update the record
                    dbmedata.setEmploy(mdupdate.getEmploy());
                    session.update(dbmedata);
               else // we have to insert the record
                    dbmedata = new Medata();
                    dbmedata.setEmploy(mdupdate.getEmploy());
                    session.save(dbmedata);
               tx.commit();
               session.close();
          catch(Exception ex){
               System.err.println("%%%% Modify Data %%%%");
               ex.printStackTrace();
      * Delete Data
     public void removeEntry()
         if (this.datamodel == null) return;
         Medata mdupdate = (Medata) this.datamodel.getRowData();
          Transaction tx = null;
          Session session = null;
          try{
               session = HibernateSessionFactory.currentSession();
               tx = session.beginTransaction();
               Medata dbmedata = (Medata) session.load(Medata.class,mdupdate.getId());
         if (mdupdate == null ) return;
               if (dbmedata != null){ // we have to update the record
                    session.delete(dbmedata);
                    tx.commit();
          catch(Exception ex){
               System.err.println("%%%% Delete Data %%%%");
               ex.printStackTrace();
Here starts the JSF code
<%@ page language="java" %>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
     <base href="<%=basePath%>">
     <title>My JSF 'trial.jsp' starting page</title>
     <meta http-equiv="pragma" content="no-cache">
     <meta http-equiv="cache-control" content="no-cache">
     <meta http-equiv="expires" content="0">   
     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
     <meta http-equiv="description" content="This is my page">
     <!--
     <link rel="stylesheet" type="text/css" href="styles.css">
     -->
</head>
<body>
     <f:view>
          <h:form>
     <h:dataTable border="3" value="#{bla.all}" var="currentRow">
                      <h:column>
                        <f:facet name="header">
                             <h:outputText value="Employee Name" />
                        </f:facet>
              <h:inputText value="#{currentRow.employ}">
                        </h:inputText>
                   </h:column>
                      <h:column>
                        <f:facet name="header">
                             <h:outputText value="Employee Number" />
                        </f:facet>
                        <h:inputText value="#{currentRow.id}"></h:inputText>
                   </h:column>
                   <h:column>
                   <f:facet name="header">
                   </f:facet>
                   <h:commandButton id="Delete" action="#{bla.insert}" value="Delete"></h:commandButton>
              <h:commandButton id="Modify" action="#{bla.modify}" value="Modify"></h:commandButton>
                   </h:column>
              </h:dataTable>
               <h:commandButton id="Insert" action="#{bla.insert}" value="Insert"></h:commandButton>
           <%--h:outputText value="#{bla.sid}"></h:outputText--%>
           </h:form>
     </f:view>
</body>
</html>
Faces-config file starts here
<managed-bean>
          <description>Inserts a record</description>
          <managed-bean-name>bla</managed-bean-name>
          <managed-bean-class>redrose.RowEntry</managed-bean-class>
          <managed-bean-scope>session</managed-bean-scope>
     </managed-bean>