p:commandButton inside of <h:form id="test-form"> fails

[Sargash]

The p:commandButton loses css-classes if it is placed inside of h:form id="test-form", but it works fine with h:form id="test_form". It appears because of the name of javascript variable for PrimeFaces.widget.CommandButton object is made from IDs of parent forms.

Here are the piece of code that illustrate the problem:

Code: Select all

    <h:form id="test-form">

        p:commandButton fails when id of h:form includes symbol - <br/>  
            <p:commandButton value="AJAX" ajax="true" actionListener="#{buttons_model.ajax}" update="ajax_res"/>
            <h:outputText value="#{buttons_model.ajax}" id="ajax_res"/>

    </h:form>

[cagatay.civici]

It is not supported to use - right now.

[Sargash]

Validation of parent form ID with diagnostic message to Log or throwing an exception will be good. If it is posible. Finding the cause of that kind of problem for first time is quite disappointing

[cagatay.civici]

- needs to be escaped by jQuery, we currently escape semi-colon which is the default naming container seperator. So this fails silently

I agree with your comment, thanks for the feedback, something to think about for a future release.