上传文件后渲染 p:commandButton p:fileUpload

Question

我有一个带有 p:fileUpload 和 p:commandButton 的页面，第一次访问该页面时，该按钮应该被隐藏，并且在文件上传之后应该呈现按钮。我的代码如下所示，有什么想法可以实现吗？

    <h:form enctype="multipart/form-data" >

        <p:fileUpload
            fileUploadListener="#{fileUploadController.handleFileUpload}"
            mode="advanced"
            multiple="true"
            sizeLimit="2000000000"
            allowTypes="/(\.|\/)(txt|csv)$/"
            required="true"
            label="Seleccionar"
            uploadLabel="Subir a servidor"
            cancelLabel="Cancelar">
        </p:fileUpload>

        <p:commandButton id="btnValidar" value=" Validar "
                         rendered="#{fileUploadController.btnRendered}"
                         style="margin-left: 430px;"/>

    </h:form>

Answer 1

只需像在所有其他 PrimeFaces ajax 组件上一样使用update 属性。

<p:fileUpload update="@form" />

我当然假设您已在 handleFileUpload 方法中将 btnRendered 设置为 true。

请注意，您不能将其设置为按钮本身的 ID，因为当 btnRendered 默认为 false 时，它不存在于 HTML DOM 树中。即 JavaScript 根据检索到的 Ajax 响应在 HTML DOM 树中执行更新工作。如果您想单独更新按钮而不是表单，则将其包装在另一个组件中，该组件始终存在于 HTML DOM 树中：

<h:panelGroup id="btnValidar">
    <p:commandButton rendered="#{fileUploadController.btnRendered}" />
</h:panelGroup>

并更新如下

<p:fileUpload update="btnValidar" />

另见：

• Communication in JSF 2.0 - Ajax rendering of content which is by itself conditionally rendered