Skip to content

<boots:commandButton> Doesn't works well with <prime:fileUpload> component #49

Description

@rapzodo

I'm using the fileUpload component with bootsfaces commandButton and inputText, everything works fine until the update after the validations. When i submit the form and some validation error occurs (i.e. requited field not entered), everything runs smoothly (field with error are highlighted, msgs are displayed, etc) except that looks like the form crashes, I'm not able to submit again, and nothing is updated on UI. I've tried to change from boots:commandButton to prime:commandButton and then it works fine.
<h:form enctype="multipart/form-data"> <b:row> <b:column span="3"> </b:column> <b:column span="6"> <b:panel title="Cadastro de #{msg.produtos}" collapsible="false"> <b:row> <b:column span="6"> <b:panelGrid id="inputGrid" colSpans="12"> <b:selectOneMenu label="#{msg.categoria}" value="#{menuMBean.categoria}" required="true"> <f:facet name="prepend"> <b:iconAwesome name="bars" addon="true" /> </f:facet> <f:selectItem itemValue="" itemLabel="Selecionar" /> <f:selectItems value="#{appMBean.categoria}" /> </b:selectOneMenu> <b:inputText label="Nome" renderLabel="true" id="nome" value="#{menuMBean.model.nome}" placeholder="ex.: Da Casa" required="true" requiredMessage="#{msg.mandatory_field}" /> <b:inputText label="#{msg.preco}" renderLabel="true" id="preco" value="#{menuMBean.model.preco}" tooltip-position="bottom" required="true" requiredMessage="#{msg.mandatory_field}"> <f:facet name="prepend"> <h:outputText value="R$" /> </f:facet> </b:inputText> <b:inputTextarea label="#{msg.descricao}" renderLabel="true" id="desc" value="#{menuMBean.model.descricao}" placeholder="ex: Feito com XXg de carne de ..." /> </b:panelGrid> </b:column> <b:column span="6"> <b:well style="height:auto"> <p:graphicImage value="/img/burgue1.jpeg" width="310" height="auto" rendered="true" /> <b:iconAwesome name="question-circle" size="5x" styleClass="center" disabled="true" rendered="false" /> </b:well> </b:column> </b:row> <b:well> <p:fileUpload sizeLimit="#{msg.file_size_limit}" id="upload" value="#{menuMBean.foto}" label="Foto" update="msgs" mode="simple" fileUploadListener="#{menuMBean.enviaFoto}" skinSimple="true" /> </b:well> <b:row> <b:column span="2"> </b:column> <b:column span="4"> <ui:remove> <p:commandButton value="#{msg.enviar}" update="@form @form:upload" styleClass="wide-bt" action="#{menuMBean.cadastra()}"></p:commandButton> </ui:remove> <b:commandButton value="#{msg.enviar}" look="success" onclick="ajax:menuMBean.cadastra()" iconAwesome="save" size="lg" update="@form @form:upload" styleClass="wide-bt" /> </b:column> <b:column span="4"> <b:commandButton value="Limpar" type="reset" look="danger" size="lg" iconAwesome="eraser" styleClass="wide-bt" /> </b:column> <b:column span="2"> </b:column> </b:row> </b:panel> </b:column> <b:column span="3"> </b:column> </b:row>

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions