How to retrieve an element within composite component in javascript?

Question

I want to be able to access an element in composite component within javascript. Since there may be several instances of this component on the page. how do I access some specific element within a specific instance of that component?

<ui:component
    xmlns="http://www.w3.org/1999/xhtml" 
    xmlns:h="http://java.sun.com/jsf/html" 
    xmlns:cc="http://java.sun.com/jsf/composite"
    xmlns:p="http://primefaces.org/ui">

    <cc:implementation> 
        <script type='text/javascript'>
            function getAddedTagsInputField(){
                return ...;
            }             
        </script>        
        ...
        ...        
        ...
        <h:inputHidden id="tagsToAdd_in" /> 
    </cc:implementation>

</ui:component>

BalusC · Accepted Answer · 2012-06-12 14:23:57Z

1

Just let JSF print the element's client ID dynamically. You can use #{cc.clientId} to get the client ID of the composite itself and then append the JSF component's ID to it.

var hiddenElement = document.getElementById("#{cc.clientId}:tagsToAdd_in");

answered Jun 12, 2012 at 14:23

BalusC

1.1m377 gold badges3.7k silver badges3.6k bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to retrieve an element within composite component in javascript?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related