ansaurus

Question

Answer 1

A:

I'm assuming you want to control the ID of your input component so you can reference it later in Javascript?

Since you can't set the ID via an expression, I do this:

<h:inputText id="whatever" value="..." />

Then later in the code:

<script type="text/javascript">
var theElement = document.getElementById('<h:outputText value="#{pagecode.whateverClientId}"/ >');
...
</script>

In the pagecode:

protected HtmlInputText getWhatever() {
    if (whatever == null) {
        whatever = (HtmlInputText) findComponentInRoot("whatever");
    }
}

public String getWhateverClientId() {
    return getWhatever().getClientId(getFacesContext());
}

Hope that helps.

Grant Wagner 2008-11-25 19:07:15

Answer 2

+3 A:

You see why they don't let you set the ID, right? JSF takes over id creation because you're in a repeated loop of components and, if they let you just set the id, you'd end up with duplicate IDs, which wouldn't help you anyway.

Without knowing WHY you want to set the ID explicitly, it's hard to give you a workaround. If it's for JavaScript, you can do what Grant Wagner suggests, and let JSF give you what it put as the id. You can also take a peek at the generated HTML and see what format the id is in. JSF usually uses

"form_id:loop_id:loop_index:component_id"

as the id it generates for components in a form/repeat. You'd have to be sure and give id's to your form and ui:repeat tags to know what they were.

Ok, you answered that you want to have an h:message tag for a specific inputText inside the loop, that's easy.

<h:inputText id="myInput" .... />
<h:message for="myInput" ... />

Now, messages generated for the input will be displayed in the message, and JSF will mangle the "for" attribute (though that isn't generated to HTML) just like it will the "id" attribute in the inputText so they match.

You can even make your OWN messages in your handler code to go to the specific h:message, but you'll need to use a call to clientId to get the target of the message, given the backing bean (not the value backing bean) of the component in question.

Bill James 2008-11-28 18:32:04

Whoops. I left this for a while didn't I. I understand why I cannot assign ID's in a loop but I know what I am setting as the ID (labelKey) will be unique for each iteration over the loop.

Lee Theobald 2009-01-27 14:58:05

Lee Theobald 2009-01-27 14:59:59

I'm thinking I may just have to do it a different way and just have a general message for all the fields shown/generated on the dropdown change.Sorry about the multiple comments - Couldn't fit it all in 300 characters!

Lee Theobald 2009-01-27 15:00:35

Oh! Well, that's why h:message has a "for" attribute. I'll modify my answer.

Bill James 2009-02-27 15:41:47

Answer 3

A:

Hi All,

I have similar problem but different reason. I am using a third party jar which has predefinded constants.I need to assign these constants as id values to JHX components. I got the bean in request which holds these constants but I can't assign it to id.

e.g.

if I try it doesn't work. Is there any solution to this problem or I have hardcode the id value always?

Thanks in Advance Rushikesh

2009-03-19 06:16:34

Answer 4

A:

Have you tried use facelets?

That will allow you to assing your own ids ie:

me:labelKeyThingo can then use the id=#{labelKey} to make a unique label. Here is an example facelet called m:textPassword from my bad code:

   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
             "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
   <html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"
    xmlns:c="http://java.sun.com/jstl/core" xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich"&gt;

   <ui:composition>

    <c:set var="styleClass" value="formPrompt" />
    <c:set var="requiredLabel" value="" />
    <c:choose>
     <c:when test="${required=='true'}">

      <c:set var="required" value="true" />
      <c:set var="styleClass" value="formRequiredPrompt" />
      <c:set var="requiredLabel" value="*" />
     </c:when>
    </c:choose>

    <h:panelGroup id="#{id}_formRowTemplateLabel_panelGroup">
     <h:outputLabel for="#{id}" styleClass="#{styleClass}" id="#{id}_formRowTemplate_outPut"
      value="#{label}" />
     <c:if test="${required == 'true'}">
      <h:outputText value="#{requiredLabel}" styleClass="formRequiredPromptAsterix"></h:outputText>
     </c:if>
    </h:panelGroup>

    <h:panelGroup id="#{id}_textPasswordTemplate_panelGroup">
     <h:inputSecret required="${required}" id="#{id}" value="#{property}"
      styleClass="formText">

      <f:validator validatorId="Maserati.Password" />
      <f:validateLength maximum="16" minimum="8" />
      <ui:insert name="additionalTags"></ui:insert>
     </h:inputSecret>

     <h:message styleClass="formErrorMsg" id="#{id}_textPasswordTemplate_msg" for="#{id}" />
    </h:panelGroup>

   </ui:composition>

   </html>

It is used thusly:

 <m:textPassword id="password" label="#{msgs.passwordPrompt}"
 property="#{individualApplicationMBean.password}"
 required="true" maxlength="16" />

Martlark 2009-03-19 06:45:57

Answer 5

A:

I am trying to implement suggestion box in ui repeat. First suggestionBox works fine as expected: a) somehow when I use the same in ui repeat suggestionAction event is not fired.. b) Sugeestion box uses id to display its content, problem is when user clicks "Add More regs" new row is added and id needs to be changed, please suggest how can handle dynamic ids to render suggestion box value as in code below.

<h:inputText value="#{itemLinesBean.item}" id="text"/>
          <rich:suggestionbox id="suggestionBoxId" for="text" tokens=",[]"
...

We are using jboss4.2.3 and richfaces 3.3.1, jdk5

Please give your valuable inputs it will be very helpful.

XHTML:

<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
<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:a="http://richfaces.org/a4j"
     xmlns:rich="http://richfaces.org/rich"
     xmlns:c="http://java.sun.com/jstl/core"
     template="layout/template.xhtml">

<ui:define name="body">

<h:messages globalOnly="true" styleClass="message" errorClass="errors" infoClass="info" id="globalMessages"/>   

<h:form id="proj" styleClass="edit">
//THIS WORKS FINE
<h:inputText value="#{itemLinesBean.item}" id="text1" />
    <rich:suggestionbox id="suggestionBoxId1" for="text1" tokens=",[]"
     suggestionAction="#{itemLinesBean.autocomplete}" var="result"
     fetchValue="#{result.itemName}"
     nothingLabel="No items found" columnClasses="center"
     usingSuggestObjects="true">
     <h:column>
      <h:outputText value="#{result.itemName}" />
     </h:column>
    </rich:suggestionbox>
<rich:panel id="reagentPanel">
<table><thead>...</thead>            
    <ui:repeat value="#{projHome.reg}" var="info" >            
    <tbody>
          <td>
             <s:decorate id="type" template="layout/edit.xhtml">         
              <h:inputText id="type" required="true" value="#{info.type}"/>
             </s:decorate>
    </td>
    <td>
    //NOT WORKING, SUGGESTIONACTION EVENT IS NOT FIRED
         <h:inputText value="#{itemLinesBean.item}" id="text"/>
          <rich:suggestionbox id="suggestionBoxId" for="text" tokens=",[]"
              suggestionAction="#{itemLinesBean.autocomplete}" var="result"
         fetchValue="#{result.itemName}"
         nothingLabel="No items found" columnClasses="center"
         usingSuggestObjects="true">
    <h:column>          
            <h:outputText value="#{result.itemName}"/>
    </h:column>
    </rich:suggestionbox>
    </td>
    ....
    </tbody>
    </ui:repeat>
</table>
</rich:panel>

<div class="actionButtons" align="center">  
<h:commandLink id="add" action="#{projHome.addreg}" 
value="Add More regs"/>
</div>  
<div class="actionButtons">       
<h:commandLink id="save" action="#{projHome.persist}"..>
Save</h:commandLink>...
</div>
</h:form>
</ui:define>
</ui:composition>

2009-09-30 03:38:21

You should ask this as a new question, not here as an answer. In the top right of the page there is and "Ask Question" button. Also see http://stackoverflow.com/editing-help for tips and tricks about formatting text.

sth 2009-09-30 04:10:22

ansaurus

tags:

views:

answers:

Dynamic Id's in JSF/Seam

related questions