Binding attribute causes duplicate component ID fo

Question

Here is JSF code:

<h:inputText binding="#{bean.input}" />

And here is a part of backing bean for binding support:

private HtmlInputText input;

public void setInput(HtmlInputText input) {
    this.input = input;
}

public HtmlInputText getInput() {
    return this.input;
}

When I open page at first time everything works fine but when I open it at second time (refresh or open the same url in another tab or any other way) I get duplicate ID error. Error message says that <h:inputText> has no unique ID. Here is a part of long error message:

java.lang.IllegalArgumentException: Component ID formId:inputId has already been found in the view
    +id: inputId type: javax.faces.component.html.HtmlInputText@cafebabe

The problem occured after I added binding attribute. If I remove it, everything will work fine again. How do I properly use binding attribute?

Answer 1

Duplicate component ID errors may occur when:

• Same ID is used on different components inside the same NamingContainer.
• Physically different components are bound to the same property of the same bean.
• The <f:subview> is been declared in the include page instead of the parent page.
• The same include page is included multiple times inside the same NamingContainer.
• A component is been dynamically created without having an explicit ID assigned.

Here, NamingContainer is among others the <h:form>, <h:dataTable> and <f:subview>.

When using binding, you should bind it to a property which is used exclusively by the component in question on a per-request basis. Your specific case indicates that this binding is been shared by multiple components, perhaps across different requests. When you bind the component to a property of a backing bean, then the backing bean should absolutely not be in a broader scope than the request scope. See also JSF 2.0 specitication chapter 3.1.5 (emphasis mine):

3.1.5 Component Bindings

...

Component bindings are often used in conjunction with JavaBeans that are dynamically instantiated via the Managed Bean Creation facility (see Section 5.8.1 “VariableResolver and the Default VariableResolver”). It is strongly recommend that application developers place managed beans that are pointed at by component binding expressions in “request” scope. This is because placing it in session or application scope would require thread-safety, since UIComponent instances depends on running inside of a single thread. There are also potentially negative impacts on memory management when placing a component binding in “session” scope.

See also:

• How does the 'binding' attribute work in JSF? When and how should it be used?
• How to use component binding in JSF right ? (request-scoped component in session scoped bean)
• View scope: java.io.NotSerializableException: javax.faces.component.html.HtmlInputText

Answer 2

I had the same problem until found this tag that evit the duplicate component id

<f:subview id="top">
    <p:outputPanel id="panelHeader1"  
        binding="#{circularRequestBean.panelHeader}" autoUpdate="true"
        class="col-md-12 col-sm-12 col-xs-12 col-lg-12 wihtoutPadding"
        style="padding:0px; !important; display:block;" />

</f:subview>