1

I have JSF code like:

<h:inputText id="from" value="#{fromToMBean.fromName}"/>

I would like to get this element from JavaScript by ID (from), but I can't, because in generated HTML it is j_idt8:from

How can I get this element in e.g. jQuery? Is there any way to force JSF2 not to change ids?

amorfis
  • 15,390
  • 15
  • 77
  • 125
  • possible duplicate of [How to select PrimeFaces UI or JSF components using jQuery?](http://stackoverflow.com/questions/7927716/how-to-select-primefaces-ui-or-jsf-components-using-jquery) – BalusC Nov 28 '12 at 13:40
  • [I've answered this question here.](http://stackoverflow.com/questions/6045307/how-can-i-know-the-id-of-a-jsf-component-so-i-can-use-in-javascript) – ftravers May 20 '11 at 07:13

5 Answers5

2

Is there any way to force JSF2 not to change ids?

You can set prependId="false" This way in generated HTML it will be from in place of j_idt8:from.

prependId : Flag indicating whether or not this form should prepend its id to its descendent's id during the clientId generation process. If this flag is not set, the default value is true.

How can I get this element in e.g. jQuery?

You can use ancestorComponent:from in jQuery to get this element.

Actually j_idt8 in j_idt8:from is auto generated id of ancestor component of your <h:inputText/>

for example 

<h:form id="form">
<h:inputText id="from" value="#{fromToMBean.fromName}"/>
</h:form>

Now generated id of input text would be form:from

If you don't provide id to a component than your browser generates that dynamically. So don't forget to provide ids to components.

Mohit Saluja
  • 470
  • 7
  • 23
2

You can either use a custom class which you only assign to this element and use css selectors or assign an id to the form and get the element with the id formid:from.

FRotthowe
  • 3,662
  • 25
  • 31
0

You can use jquery. Simply, use a selector defining the text it should contains. Something like this:

$( "input[name*='from']" )

'*=' is used to say that the name attribute contains some string. Also there exist '~=' with similar meaning.

For detailed explanations and examples visit http://api.jquery.com/attribute-contains-selector/

Richard P.
  • 703
  • 7
  • 9
0

In JSF 1.2 you can use forceId="true". I'm not sure if you can use t:input in JSF 2, but you should be able to. Then it's ID in HTML will be what you expect.

Jon Onstott
  • 13,499
  • 16
  • 80
  • 133
0

In order to achieve full ID for a component, use EL implicit objects and their properties such as #{cc.clientId} and #{component.clientId}. Source: Acquire full prefix for a component clientId inside naming containers with JSF 2.0.

Community
  • 1
  • 1
Tuukka Mustonen
  • 4,722
  • 9
  • 49
  • 79