Html 从对话框更新表单_Html_Ajax_Jsf_Primefaces

Html 从对话框更新表单

html ajax jsf primefaces

Html 从对话框更新表单,html,ajax,jsf,primefaces,Html,Ajax,Jsf,Primefaces,我在表单中有一个数据表；在dataTable中，我有一个按钮，单击该按钮会弹出一个对话框；编辑（或不编辑）后，我想关闭对话框并刷新数据表我想通过ajax事件“close”来实现这一点，因此即使单击cancel按钮，或者通过单击escape或栏中的“x”来关闭对话框->他也应该进入my closeDialog（）方法并刷新dataTable 唯一的问题是我不知道如何刷新数据表这是我的数据表（标题中是弹出对话框的我的按钮）： ... 这是我的对话： <body> <ui:c

我在表单中有一个数据表；在dataTable中，我有一个按钮，单击该按钮会弹出一个对话框；编辑（或不编辑）后，我想关闭对话框并刷新数据表

我想通过ajax事件“close”来实现这一点，因此即使单击cancel按钮，或者通过单击escape或栏中的“x”来关闭对话框->他也应该进入my closeDialog（）方法并刷新dataTable

唯一的问题是我不知道如何刷新数据表

这是我的数据表（标题中是弹出对话框的我的按钮）：

...

这是我的对话：

<body>
<ui:composition>
    <h:form id="zuordnenDialogForm">
        <p:dialog id="zuordnenDialog" widgetVar="zuordnenDialogW" closeOnEscape="true" dynamic="true"
            header="Zuordnung" appendToBody="false" draggable="true" modal="true" resizable="false">
            <p:ajax event="close"  listener="#{zuordnenDialogController.closeDialog()}" />

             ...

        </p:dialog>

...

编辑1:

这是一张照片，也许有帮助

你试过了吗

<p:ajax event="close"  listener="#{zuordnenDialogController.closeDialog()}" update=":nzTable"/>

update=“：nzTable”具有完整路径，可能是：：form_main:nzTable

我想发表评论，但我没有足够的声誉。

您可以为对话框中的每个组件管理ajax事件，例如：

   <p:dialog id="zuordnenDialog" widgetVar="zuordnenDialogW" closeOnEscape="true" dynamic="true"
        header="Zuordnung" appendToBody="false" draggable="true" modal="true" resizable="false">

      <p:selectOneMenu id="idp" value="#{...}" converter="clientesConverter"  panelStyle="width:500px"  
                                         effect="fade" var="p" style="width:500px"  filter="true" filterMatchMode="contains">  

                            <f:selectItems value="#{comunMB.itemsClientes}"/>  

                            <f:ajax execute="@this"  listener="#{...}" render="table1 table2 table..." />
                        </p:selectOneMenu> 

    </p:dialog>

这样，在编辑对话框时，更改将显示在表（或其他组件）中。也可以使用内置组件

是的，我试过了，但出现以下错误：

找不到标识符为“>nzTableForm:nzTable”的组件，引用自“ZuOrdneDialogForm:ZuOrdneDialog”

您可以使用“Inspect element”在Chrome浏览器中使用函数查看datatable.RongNK的完整路径。我在哪里可以找到完整路径？我很确定这是完整路径-

nzTableForm:nzTable

RongNK查看我添加的图片我已经尝试了

update=“：nzTableForm:nzTable”

，但我得到以下错误：

找不到具有标识符的组件“：nzTableForm:nzTable”引用自“ZuOrdneDialogForm:ZuOrdneDialog”

   <p:dialog id="zuordnenDialog" widgetVar="zuordnenDialogW" closeOnEscape="true" dynamic="true"
        header="Zuordnung" appendToBody="false" draggable="true" modal="true" resizable="false">

      <p:selectOneMenu id="idp" value="#{...}" converter="clientesConverter"  panelStyle="width:500px"  
                                         effect="fade" var="p" style="width:500px"  filter="true" filterMatchMode="contains">  

                            <f:selectItems value="#{comunMB.itemsClientes}"/>  

                            <f:ajax execute="@this"  listener="#{...}" render="table1 table2 table..." />
                        </p:selectOneMenu> 

    </p:dialog>