CODEWITHSUNDEEP
javascriptjsf
AndreiM
AndreiM

Reputation: 4446

JSF ui:include and getElementById

I'm writing the ui:composition xhtml file to include in different pages using ui:include. It looks like there's no way I can refer to the tags from javascript in this file using getElementById, as the tag ids might be prepended with the form id from the parent page. Is there a workaround?

Found this answer after I posted the question. It helped!
Acquire full prefix for a component clientId inside naming containers with JSF 2.0

Upvotes: 0

Views: 835

Answers (2)

f_puras
f_puras

Reputation: 2505

If you happen to use Apache's Tomahawk Components, and specify forceId="true", tag ids will remain unchanged. E.g.:

<t:inputText id="name" forceId="true" value="#{myBean.property}" />

will result in an <input type="text" id="name" ... / >.

Upvotes: 1

Šime Vidas
Šime Vidas

Reputation: 185933

You could do this:

var elem = document.querySelector( '[id$="-test"]' );

where test is the ID without the prefix, and - is the prefix separator.

The above code will select the element which "id" attribute ends with "-test" (e.g. <div id="form1-test">...</div>).

Live demo: http://jsfiddle.net/8kyb2/

Note that querySelector() paired with an attribute-ends-with selector performs slower than getElementById().

Upvotes: 2

Related Questions