jsf - 如何在javascript中检索复合组件中的元素？

Question

我希望能够在 javascript 中访问复合组件中的元素。由于页面上可能有该组件的多个实例。如何访问该组件的特定实例中的某些特定元素？

<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>

Answer 1

只需让 JSF 动态打印元素的客户端 ID。您可以使用它#{cc.clientId}来获取组合本身的客户端 ID，然后将 JSF 组件的 ID 附加到它上面。

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