自定义p：p：对话框中的fileUpload不起作用

Question

我试图在<p:fileUpload>内使用<p:dialog>。 当我使用时：

<div class="row">
    <div class="col-sm-12">
        <div class="form-group">
            <p:fileUpload mode="simple" id="file" value="#{hints.uploadedFile}" />
        </div>
    </div>
</div>

一切都很好，但我需要使用自己的风格。所以我试试这个：

<p:dialog .... >    
    <h:form id="resourceDialogForm">    
        <div class="row">
            ...
        </div>
        <div class="row">
            <div class="col-sm-12">
                <div class="form-group">
                    <div class="file-upload-panel">
                        <p:fileUpload mode="simple" id="file" value="#{hints.uploadedFile}" />
                        <div class="input-append input-group">
                            <h:panelGroup styleClass="input-group-btn">
                                <button class="btn btn-default" type="button">
                                <h:outputText value="#{text['resourceDialog.choose.file']}" />
                                </button>
                            </h:panelGroup>
                            <input class="input-large form-control" type="text" readonly="readonly" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </h:form>
</p:dialog>

当我在<p:dialog>中使用它时，它正在工作，但在<p:dialog>中，当我点击按钮时，没有任何事情发生。 我已经检查了很多主题（例如File upload doesn't work with AJAX in PrimeFaces），但我还是无法解决这个问题。我还试图在<p:fileUpload>和dragDropSupport="true"使用advaced fileUploadListener，但拖放工作正常，按钮不是。