DataTable of links

I want to create a table with a column containing a hyper link to another pagebased on a row value from my results:
<tr>
<td><a href="edit.jsf?id=val">edit</a></td>
<td>...</td>
</tr>I've tried:
<h:dataTable value="#{UserBean.users}" var="user">
     <h:column>
          <h:commandLink value="#{user.name}" action="#{UserBean.getUser}">edit</h:commandLink>
     </h:column>
     <h:column>
          <h:outputText value="#{user.name}" />
     </h:column>
</h:dataTable>But I get the error:
javax.servlet.jsp.JspException: Duplicate component ID '_id0:_id1:_id5' found in view.
     at com.sun.faces.taglib.jsf_core.ViewTag.doAfterBody(ViewTag.java:171)
     at _users._jspService(_users.java:199)
     [SRC:/users.jsp:40]What am I doing wrong?
Cheers,
Anthony

I'm not sure why you're getting that error, but take a look at the DataModel class for clicking on a link inside of table, it works nicely, rather than having to append the params manually to the link.
Basically, you wrap your collection with DataModel dm, then point the table at your DataModel. Then, with the method that your commandLink action calls, you have dm.getRowData() available which will return you the object from your collection that was clicked.
I'm not sure if I explained it very well, but it works very nicely :)

Similar Messages

Problems in JSF t:dataTable /t:dataTable

hi
i am using <t:dataTable> to create jsf table.In the datatable each column has one <h:commandLink>.i had action methods to each and every column.At the same Jsf page,i am having some textfields using <h:inputText>.
My problem is when i click the datatable colume link,it goes to the same jsf page,but there is no textfields at the same page.i am not expected to same jsf page.i wants to navigate to some other jsf pages.i had one solution i.e,i used binding method for each and every Link.The problem was solved temporarly.eventhough i am having solution using binding method.it is not applicable for huge data as i have large data.so what should i do to have exact solution .At the same time,i don't need binding methods.
Advance thanks
rgds
OasisDeserts

Hi.
J solve the problem partly and here is the problem and solution:
Problem - JDeveloper 10.1.3 have problem in showing table when code look like this:
<h:dataTable width="350" value="#{infoBean.popular}" var="popular_">
<h:column>
<f:facet name="header">
<h:panelGroup>
<h:commandLink action="POPULAR">
<h:outputText value="Najpopularnije"/>
</h:commandLink>
</h:panelGroup>
</f:facet>
<h:commandLink>
<h:outputText value="#{popular_}" converter="ProductTitle"/>
</h:commandLink>
</h:column>
</h:dataTable>
Solution - When J change code to this 'Design' tab shows the table but not the text in 'outputText'(here #{popular_}):
<h:outputText value="#{popular_}">
<f:converter converterId="ProductTitle"/>
</h:outputText>
Please try this!

Firefox issue h:datatable give more space between columns

Hi
In our application we are displaying table by using <h:datatable>,it was working fine in IE but when i used an firefox it gives more space between one row of data and next data row.. my code is like this
<a:outputPanel id="searchResults">
     <h:dataTable id="hotels" value="#{hotels}" var="hot" >
          <h:column>
               <f:facet name="header">Name</f:facet>
               #{hot.name}
          </h:column>
          <h:column>
               <f:facet name="header">Address</f:facet>
               #{hot.address}
          </h:column>
          <h:column>
               <f:facet name="header">City, State</f:facet>
               #{hot.city}, #{hot.state}, #{hot.country}
          </h:column>
          <h:column>
               <f:facet name="header">Zip</f:facet>
               #{hot.zip}
          </h:column>
          <h:column>
               <f:facet name="header">Action</f:facet>
               <s:link id="viewHotel" value="View Hotel" action="#{hotelBooking.selectHotel(hot)}"/>
          </h:column>
     </h:dataTable>
     <s:link value="More results" action="#{hotelSearch.nextPage}" rendered="#{hotelSearch.nextPageAvailable}"/>
</div>
</a:outputPanel>

I applied CSS style to the datatable even though there is no result.it gives more space between one row and another row.
it used following attributes for h:datatable...i set the padding and margin because different broweser has different margin
padding:0px;
margin:0px;
i am tried like this also
<h:dataTable id="hotels" value="#{hotels}" >
     <h:column>
                              <p style="padding:0px;margn:0px">#{hot.name}</p>
          </h:column>
          </h:dataTable>
but there is no result can u post some examples
Thanks
Mohan

a:commandButton not working properly.

Hi,
I am currently into making a seam application with ajax,jsf etc in order to make myself familiar with those technologies.
The problem is that i am trying to create a button. When this button is clicked, a method should be execute, which in turn executes a hibernate query. The results should be rendered in an <h:dataTable . When i clicked the buttong nothing at all happens... it is like the button is not registered at all...
My web page:
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:s="http://jboss.com/products/seam/taglib"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:rich="http://richfaces.org/rich"
xmlns:a="http://richfaces.org/a4j"
template="layout/template.xhtml">
<ui:define name="body">
model: <h:inputText id="searchString" value="#{motorcyclesearchaction.model}"
style="width: 165px;">
<a:support event="onkeyup" action="#{motorcyclesearchaction.find}"
reRender="searchResults" />
</h:inputText>
<a:commandButton id="findMotorcycles" value="Find Motorcycles" action="#{motorcyclesearchaction.find}"
reRender="searchResults"/>
<h:commandButton action="#{motorcyclesearchaction.find}" value="Find Motorcyclesh" reRender="searchResults"/>
<autputPanel id="searchResults">
<div class="section">
<h:dataTable id="motorcycles" value="#{motorcycles}" var="motor"
rendered="#{motorcycles.rowCount>0}">
<h:column>
<f:facet name="make">Address</f:facet>
#{motor.make}
</h:column>
</h:dataTable>
<s:link value="More results" action="#{motorcyclesearchaction.nextPage}"
rendered="#{motorcyclesearchaction.nextPageAvailable}"/>
</div>
</autputPanel>
</ui:define>
</ui:composition> Below is my action class:
package motorcycleActions;
import java.util.List;
import javax.ejb.Remove;
import javax.ejb.Stateful;
import javax.persistence.EntityManager;
import javax.persistence.PersistenceContext;
import org.jboss.seam.ScopeType;
import org.jboss.seam.annotations.Factory;
import org.jboss.seam.annotations.Name;
import org.jboss.seam.annotations.Scope;
import org.jboss.seam.annotations.datamodel.DataModel;
import org.jboss.seam.annotations.security.Restrict;
import com.mydomain.advert.ebeans.Motorcycle;
@Stateful
@Name("motorcyclesearchaction")
@Scope(ScopeType.SESSION)
@Restrict("#{identity.loggedIn}")
public class MotorcycleSearchAction implements MotorcycleSearching
    @PersistenceContext
    private EntityManager em;
    private String searchString;
    private int pageSize = 10;
    private int page;
    private String model;
    @DataModel
    private List<Motorcycle> motorcycles;
    public void find()
       page = 0;
       queryHotels();
    public void nextPage()
       page++;
       queryHotels();
    private void queryHotels()
        motorcycles =
           em.createQuery("select * from motorcycle").getResultList();
    public boolean isNextPageAvailable()
       return motorcycles!=null && motorcycles.size()==pageSize;
    public int getPageSize() {
       return pageSize;
    public void setPageSize(int pageSize) {
       this.pageSize = pageSize;
    @Factory(value="pattern", scope=ScopeType.EVENT)
    public String getSearchPattern()
       return searchString==null ?
             "%" : '%' + searchString.toLowerCase().replace('*', '%') + '%';
    public String getSearchString()
       return searchString;
    public void setSearchString(String searchString)
       this.searchString = searchString;
    public String getModel() {
         return model;
     public void setModel(String model) {
         this.model = model;
   @Remove
public void destroy() {}
} Any help is appreciated.
Thanks in advance,
giannis

Hi,
<a:support event="onkeyup"try with other event, like onfocus.. if not working try with actionListener instead of action .. it may work ..
Regards,
Sathya.

Dynamic left menu plus different action on each....

Hi everyone. I am making a dynamic left menu using a datatable and links in it.
I am using an xml file to read all the attributes associated with a link like label, id etc.
<h:dataTable
value="#{sampleMB.menu}" var="menu">
<h:column>
<h:commandLink value="#{menu.label}" onclick="#{menu.onclick}" styleClass="subItem" action="??????????"></h:commandLink>
</h:column></h:dataTable>
The problem is how to assign the action from xml file here because the action attribute accepts a method with
syntax String mathodname(). So I am not able to put something like #{menu.action} where action is a variable
whose value I can read from xml.

Thanks for the reply but can u please elaborate a bit more with some code. I hope u've understood my problem clearly.
You can directly write a string in action like ::
<h:commandButton value="Submit" action="myaction"></h:commandButton>
where myaction can be mapped to anything in your navigation rules in faces-config
But you cannot do something like this ::
<h:commandButton value="Submit" action="#{sampleMB.strMyAction}"></h:commandButton>
where strMyAction is actually a String variable. It gives an error like "Expression must be a method expression but is a value"
See I am reading all the attributes associated with the commandButton form an xml file. So which action to invoke is also there in the xml. Now all these values including the action can be put in the String variables. The problem is how to invoke the method represented by that action String litral.

Command Link usage in JSF datatable

Hi,
Following is my requirement. Can any one help me in resolving the issue.
I hava a JSF page which displays a datatable. One of the columns in the datatable displays a command link. When the user clicks the link in a particular row. Details correpsonding to the particular row have to be displayed in another page. I am using action attribute to perform the navigation from first page to next. Inside action method in the backing, is there any other means to get the row data from the datatable for which the link is clicked.
Please help.

You may find this article useful: http://balusc.blogspot.com/2006/06/using-datatables.html

Command Link as a row of a datatable in JSF

Hi All,
I am new to JSF. I have a Datatable with n number of rows.
I would like to have a command Link in each of the rows, so that when i click the command link i should get the data of the entire row in my edit page.
Can anyone suggest how can i achieve this.
Regards
SN

Hi,
Do following:
1- add a datatable in your page and fill it with data comes from database(Assume u have no problem with datatable)
2- add a column as commandLink in data table. e.g.
<h:column>
<f:facet name="header">
<h:outputText value="name" />
</f:facet>
<t:commandLink action="editObject" immediate="true" >
<h:outputText value="#{theobject.name}" />
<t:updateActionListener property="#{objectForm.id}" value="#{objectDto.id}" />
</t:commandLink>
</h:column>
in this code:
"name" is header of column,
"editObject" is defined in navigation rule to navigate to edit page, lets say object form.
"theobject.name" the value that mouse gets finger over it!
"objectForm.id" the pointer to an "id setter" of a managed bean (named objectForm) defined in faces-config.xml. In this setter you can load corresponding data from database
"objectDto.id" the pointer to an "id getter" of a managed bean (named objectDto) defined in faces-config.xml. this getter return the id of the entity row you clicked on.
3- Clearly, you need to defined all managed beans, and dont forget to have a customized setter for id of objectForm (setId) to load the entity from database and fill all editable properties(as you like) in this function (setId).
4- you need a JSF page to redirect to it for editing properties and feed by objectForm
5- Thats it :)

Command Link inside of datatable

I have the following problem when I put a command link inside a datatable.
The action or actionlisteners never get called. Now here is the funny thing.
1. If I move the action link outside the datatable it works.
2. if I change the scope of the bean to session it works
3. if the datatable contains more than 1 row it works
The last one tells me this is a bug.
To test this I change the sql query to limit the result so 1 row would be returned.
The sql query returns a CachedRowSetImpl
I believe this is a bug.
<h:dataTable rows="6" first="0" id="table" binding="#{event.eventdata}" value="#{event.eventdetails}" var="eventdetail">
<h:column>
<h:commandLink value="#{eventdetail.title}" action="#{event.resaveEventaction}" actionListener="#{event.resaveEventdetails}" id="test" >
</h:commandLink>
</h:column>
<h:column>
</h:dataTable>

Here is some additional information that makes this more confusing.
The following code is used to populate the datatable
public CachedRowSetImpl getEventdetails(){
     CachedRowSetImpl rs2 = null;
     String selectedeventmy = selectedevent;
     int rowcount = 0;
     try {
          sql = "SELECT * FROM event where eventid='"+selectedeventmy+"' ";
          rs2 = RunQuery.mysql(sql);
          rowcount = rs2.size();
     } catch (Exception e) {
          // TODO Auto-generated catch block
          e.printStackTrace();
     return rs2;
where RunQuery.mysql is
public class RunQuery {
     public static CachedRowSetImpl mysql(String sql) throws Exception {
          CachedRowSetImpl crset = null;
          InitialContext initCtx = new InitialContext();
          Context envCtx = (Context) initCtx.lookup("java:comp/env");
          try {
               DataSource ds = (DataSource) envCtx.lookup("jdbc/associations");
               Connection conn = null;
     Statement stmt = null;
     conn = ds.getConnection();
     stmt = conn.createStatement();
     stmt.execute(sql);
     ResultSet rs = stmt.getResultSet();
     crset = new CachedRowSetImpl();
     crset.populate(rs);
     rs.close();
     stmt.close();
     conn.close();
          } catch (Exception e) {
               System.out.println(e.getMessage());
          return crset;
if I replace the line
String selectedeventmy = selectedevent;
with String selectedeventmy = "61";
it works properly.
selectedevent is populated from the following triggered by another action event on another page. ? The funny thing is if the result set returns more that 1 row all works ok.
public String viewDetails(){
     System.out.println("Running view Details");
     int selectedrow = eventlist.getRowIndex();
     Object selected = eventlist.getRowData();
     Map rowdata = (Map) selected;
     selectedevent = rowdata.get("eventid").toString();
     System.out.println("Selected Event:"+selectedevent);
     outcome="eventdetails";
     return outcome;
}

Link Action in datatable header not working!!!

hi all
i want to sort the datatable rows when link in the header of a column in datatable is clicked. I am using Sun Creator but it doesnot provide functinality to directly add link action in header. So i changed the jsp page to add the following code
<h:dataTable binding="#{SearchResults.dataTable1}" headerClass="list-header" id="dataTable1" rowClasses="list-row-even,list-row-odd" style="left: 24px; top: 24px; position: absolute" value="#{SearchPage.searchResultsDataModel}" var="currentRow">
<h:column binding="#{SearchResults.column1}" id="column1">
<f:facet name="header">
<h:commandLink action="#SearchResults.linkActionApplicantIDHeader_action}"
binding="#{SearchResults.linkActionApplicantIDHeader}" id="linkActionApplicantIDHeader">
<h:outputText binding="#{SearchResults.linkActionApplicantIDHeaderText}" id="linkActionApplicantIDHeaderText" value="Applicant ID"/>
</h:commandLink>
</f:facet>
</h:column>................... other columns of table(bold is what i added )
if i check through the IDE application outline window that which action handler is associated with my header link action, it takes me to proper method. but while running it doesnot go to the proper method and hence doennot fire the event.
what should i do??
plz help
thanks

hi all
i want to sort the datatable rows when link in the
header of a column in datatable is clicked. I am
using Sun Creator but it doesnot provide functinality
to directly add link action in header. So i changed
the jsp page to add the following code
<h:dataTable binding="#{SearchResults.dataTable1}"
" headerClass="list-header" id="dataTable1"
rowClasses="list-row-even,list-row-odd" style="left:
24px; top: 24px; position: absolute"
value="#{SearchPage.searchResultsDataModel}"
var="currentRow">
<h:column binding="#{SearchResults.column1}"
id="column1">
<f:facet name="header">
<h:commandLink
action="#SearchResults.linkActionApplicantIDHeader_act
ion}"
binding="#{SearchResults.linkActionApplicantIDHeader}
" id="linkActionApplicantIDHeader">
<h:outputText
binding="#{SearchResults.linkActionApplicantIDHeaderTe
xt}" id="linkActionApplicantIDHeaderText"
value="Applicant ID"/>
</h:commandLink>
</f:facet>
</h:column>................... other columns of table(bold is
what i added )
if i check through the IDE application outline window
that which action handler is associated with my
header link action, it takes me to proper method. but
while running it doesnot go to the proper method and
hence doennot fire the event.
what should i do??
plz help
thanksI had a similar problem w/ links in a datatable that didn't work. I had to do two things:
1. Initialize the SearchPage.searchResultsDataModel property in the constructor of the bean (this is because I use request scope).
2. Remove the rendered property from the surround h:panelGroup tag that I have around my table. I haven't been able to get the rendered property to work with the datatable links.
Hope this helps!

How do link form input and a datatable that are on the same page?

I am real new to JSF, so I'm having the following issue...
I created a demo app that will pull records from from a database and display them in a datatable. I hava a backingbean for this process that works great with hardcoded data.
Now, I want to add a form to this page and use the form input to drive the results in the datatable. I have created my form and used a separate backingbean that is essentially a JavaBean for all the form input.
My question is how do I integrate the submit button from this new form to feed the call that is used for the datatable?
Here's is a snippet of the pertinent code from the JSP:
<TABLE border="0">
               <TBODY>
                    <TR>
                         <TD>
                         <P>Correlation ID:</P>
                         </TD>
                         <TD><h:inputText styleClass="inputText" id="correlationId"
                              value="#{LogMessageBean.correlationId}"></h:inputText></TD>
                         <TD width="121"></TD>
                         <TD width="153">
                         <P>Workflow ID:</P>
                         </TD>
                         <TD width="158"><h:inputText styleClass="inputText" id="workItemId"
                              value="#{LogMessageBean.workItemId}"></h:inputText></TD>
                    </TR>
               </TBODY>
          </TABLE>
          <BR>
          <div align="center">
          <h:commandButton value="Search" actionListener="#{LogValueListHandler.search}" action="#{LogValueListHandler.result}"/>
          <h:commandButton value="Reset" onclick="reset()"/></div>
          <H5>Application Logging Results</H5>
          <t:dataTable value="#{LogValueListHandler.logList}" var="feed"
               rowClasses="oddrow, evenrow" headerClass="table">
               <t:column>
                    <f:facet name="header">
                         <h:outputText value="ClassName" />
                    </f:facet>
                    <h:outputText value="#{feed.className}" />
               </t:column>
               <t:column>
                    <f:facet name="header">
                         <h:outputText value="MethodName" />
                    </f:facet>
                    <h:outputText value="#{feed.methodName}" />
               </t:column>
...Thanks!

Locutus_1,
I'm working on the same sort of app - A data table where the record selected is displayed in a form below the datatable and may be edited and saved.
I've included a checkbox in the datatable so that the user can indicate which record is to be displayed and edited. The have everything working, except that I cannot get the checkbox click event passed to the backing bean correctly (critical to the entire operation). When I have this working, I'll post the code.
This solution does not have a direct link between the datatable model and the data handled by the form. The backing bean code does this. If there was a solution where the two could be linked directly via JSF, I'd be very interested in it.
Werner

Link from a dataTable with row id

I can't seem to get a link from a dataTable to work with a specific id. Example:
<h:dataTable columnClasses="list-column-center,list-column-center,
list-column-center, list-column-center"
headerClass="list-header"
rowClasses="list-row-even,list-row-odd"
styleClass="list-background"
id="table"
rows="20"
value="#{processList.processes}"
var="process">
<h:column >
<f:facet name="header">
<h:outputText value="ID"/>
</f:facet>
<h:outputText value="#{process.id}" />
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="Name"/>
</f:facet>
<h:inputHidden value="#{process.id}" />
<h:commandLink
action="#{processBean.showProcess}"
>
<h:outputText value="#{process.name}"/>
</h:commandLink>
</h:column>
I've tried putting bindings on the inputHidden and the commandLink, but those give me a type mismatch for some reason. I just want to click the link and open a page showing the information related to that row in the table.
How can I pass the id along to the action ??

If you call externalContext.getRequestMap().get("process") in your action routine, you can get an object reference to the row data containing the link that was clicked on. "process" being the value you gave to the var attribute in the dataTable tag.
Ed Dowgiallo

Command links in h:datatable not working

I have some command links in h:datatable which are not working. When I click the command link all I get is a referesh page(same page is displayed with datatable values as null). But when I put command link outside h:datatable, the navigation takes place properly. Any idea what could be worng

You can try using t:dataTable from tomahawk.jar, instead of the h:dataTable. Make the following changes in your code.
1. Add the taglib uri in your JSP as,
<%@ taglib uri = "http://myfaces.apache.org/tomahawk" prefix="t" %>
2. Add the tomahawk-1.1.3.jar to your WEB-INF/lib folder.
3. Instead of using h:dataTable, use t:dataTable.
4. After the form save your bean's state as,
</h:form>
<t:saveState id="viewForm" value="#{stateBean}"/>
Here, id can be any name and the value should be the name of your bean, how u have used in your JSP.
I hope this will help you.

Dynamic datatable and command link

I'm having a problem creating CommandLink's automatically. What we have is a tag, which can contain a set of data. We need this on several locations, so we have to create a datatable dynamically. When you press a link, it should be possible to retrieve the ID of the component on that specific row.
The problem is, we can create the table with the necessary data. When I construct the column with the ID (and the link), it fails.
Code:
HtmlCommandLink link = new HtmlCommandLink();
Application app = FacesContext.getCurrentInstance().getApplication();
ELContext elContext = FacesContext.getCurrentInstance().getELContext();
ValueExpression ve = app.getExpressionFactory().createValueExpression(elContext,"${" + TABLE_VAR_NAME + "." + property + "}", Object.class);
link.setValueExpression("value", ve);
link.getAttributes().put("rowId", ve.getExpressionString() );
link.addActionListener(
    new ActionListener(){
     public void processAction(ActionEvent arg0)
          throws AbortProcessingException {
          LOG.info(">>>>>>>>>>>>> Linked pushed !!" +
          arg0.getComponent().getAttributes().get("rowId"));
selectColumn.getChildren().add(link);
datatable.getChildren().add(selectColumn);The rowId is always #{row.code}, instead of the actual data. Is there a way to create a command link dynamically, press it and retrieve the ID of that field? That expression should be evaluated at runtime and added to the datatable, but that doesn't happen apparently.

I've read your article, but I didn't find anything I could use. Facing a deadline and don't really have time to try out multiple (possible) solutions. The problem is that all the examples I can find point to MethodBinding, but I don't need that. I just need to get the ID of the row that was clicked, nothing more.
This works fine:
link.setValueExpression("value", ve);I don't see why the other expression isn't evaluated.
I can do getParent().getParent() to get a reference to the DataTable, but the datamodel on that object is empty btw.

JSF Command Link inside DataTable has to be clicked twice in order to work

I currently have a command link inside of a dataTable. However, when I go to the page and click the link nothing happens. It appears that the page is refreshed but looking at the logs nothing is done. However, if you click the same link again everything is updated properly. How do I get the command link to work properly? And, I have everything operating in the session scope.

sdgorham wrote:
No I do not have h:messages on the page. Just add it for debugging purposes. There might have been a validation or conversion error occurred which wasn't 'catched' by any h:message.
Unfortunately, upgrading to another version isn't an option at the moment. OK, I checked the MyFaces page and 1.1.5 is indeed the latest JSF 1.1 implementation.
Is there any other possible solutions that are more like a hyperlink than the command button. What exactly is causing the problem that I described?Have you tried if it works with a button or not? Only then we can be more sure about the cause of the problem.

Displaying detail data after clicking the link in h:dataTable

Hi All,
I have following requirement.
h:dataTable displays the list of addressList like my homeAddressList workAddressList and so on. As soon as I click on one of these I need to display list of all addresses shown in this list. My problem is how to identify in the jsf bean which link was clicked.
I use hibernate for persisitense and hence directly iterate over hibernate transient domain object collection to display the list. For e.g User has AddressList
Any help. Thanks in advance.

Bind the datatable to a HtmlDataTable (or UIData) property in the bean and use HtmlDataTable#getRowData() to obtain the row object associated with the UICommand action.
Also see this article for examples (and much more): [http://balusc.blogspot.com/2006/06/using-datatables.html].

DataTable of links

Similar Messages

Maybe you are looking for