Question

我在p:dialog内创建了素面p:dialog。但是一旦我添加了appendTo="@(body)"，那么对话框ajax便无法正常工作。如果我不使用此appendTo="@(body)"，则内部对话框不可见，然后在外部对话框之外。

请为我推荐此对话框内部的解决方案，

PrimeFace代码：

<p:dialog id="editDialogId" modal="true"
    widgetVar="editDialog1" closable="true" draggable="true"
    resizable="true">

    <p:dialog id="selection" widgetVar="selectionDialog2"
            appendTo="@(body)"resizable="false" closable="false">
       <p:commandButton id="addCropBtn" icon="ui-icon-triangle-1-e">

        <p:ajax event="click"
            listener="#{selectionClass.addSelected}"
        ></p:ajax>
    </p:commandButton>

</p:dialog>

Answer 1

    <h:form id="editorForm">
    <p:dialog id="editDialogId" modal="true"
        widgetVar="editDialog1" closable="true" draggable="true"
        resizable="true">

    //Call inner dailog 2 from here.

       </p:dialog>

     <p:dialog id="selection" widgetVar="selectionDialog"
                appendTo="@(body)" resizable="false" closable="false">
           <p:commandButton id="addCropBtn" icon="ui-icon-triangle-1-e">

            <p:ajax event="click"
                listener="#{selectionClass.addSelected}"
            ></p:ajax>
        </p:commandButton>
    </p:dialog>
</h:form>

p：对话框中的p：对话框-p：commandButton和p：ajax无法正常工作

1 个答案: