Блог

Главная - Вопросы по программированию - Как обновить таблицу данных после отправки диалогового окна — JSF

Как обновить таблицу данных после отправки диалогового окна — JSF

#jsf #primefaces #datatable

#jsf #primefaces #datatable

Вопрос:

после стольких поисков я не смог найти способ обновить свою таблицу данных после нажатия кнопки command в диалоговом окне primeface.

Мой MainMenu.xhtml имеет datatable типа:

 <section id="ownermanagement">

<h:form id="ownermanagementform">
    <p:commandButton class="btn icon-cart" actionListener="#{ownerControl.viewNewOwnerDialog()}" value="کارفرما جدید"/>
    <br></br><br></br>
    <p:growl id="growl" showDetail="true"/>
    <p:dataTable filterEvent="enter" id="ownerdatatable" value="#{ownerControl.ownerList}" var="owners" dir="rtl" emptyMessage="موردی با این مشخصات یافت نشد." style="border: 1px solid black;">
        <p:column filterBy="#{owners.id}" filterMatchMode="contains">
            <f:facet name="header">شناسه</f:facet>
                #{owners.id}
        </p:column>
        <p:column filterBy="#{owners.name}" filterMatchMode="contains">
            <f:facet name="header">نام</f:facet>
                #{owners.name}
        </p:column>

        <p:column>
            <f:facet name="header">عملیات</f:facet>
            <p:commandButton value="ویرایش کارفرما"
                             actionListener="#{ownerControl.viewEditOwnerDialog(owners)}" update="ownerdatatable"/> |
            <p:commandButton value="حذف کارفرما"
                             action="#{ownerControl.removeOwner(owners)}"
                             onclick="return confirm('آیا از حذف کارفرما اطمینان دارید؟')"
                             update="ownerdatatable"/> 
        </p:column>

    </p:dataTable>

</h:form>
</section>

Я открываю свой диалог следующим образом:

 <p:commandButton class="btn icon-cart" actionListener="#{ownerControl.viewNewOwnerDialog()}" value="کارفرما جدید"/>

Метод viewNewOwnerDialog:

 public void viewNewOwnerDialog() {
    Map<String, Object> options = new HashMap<String, Object>();
    //options.put("modal", true);
    options.put("resizable", false);
    resetInputs();
    RequestContext.getCurrentInstance().openDialog("createOwner", options, null);
}

Это откроет мою страницу createOwner в диалоговом окне:

 <?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>کارفرما جدید</title>
        <link rel="stylesheet" type="text/css" href="resources/style/elements.css" />
    </h:head>
    <h:body dir="rtl">
        <h:form id="newOwnerForm">
            <p:growl id="growl" showDetail="true" sticky="true"/>
            نام: <h:inputText class="InputField" value="#{ownerControl.owner.name}"/>
            <br></br><br></br>
            توضیحات: <p:inputTextarea class="textArea" value="#{ownerControl.owner.description}" rows="5" cols="100" counter="display" maxlength="500" counterTemplate="{0}" autoResize="false" />
            <h:outputText id="display" /><br></br>
            <p:commandButton class="btn icon-cart" value="ثبت" action="#{ownerControl.insertOwner()}"  process="@all"  update=":ownermanagementform:ownerdatatable"/>
        </h:form>
    </h:body>
</html>

Как я могу обновить growl, чтобы показать сообщение, и после этого обновить datatable основного меню?

На данный момент я получаю эту ошибку:

 Cannot find component with expression ":ownermanagementform:ownerdatatable" referenced from "newOwnerForm:j_idt10".

Спасибо!

Комментарии:

1. вы пытались добавить идентификатор раздела, чтобы узнать, проблема ли это ?!?

2. @Yagami Light да, я тоже это пробовал. Все еще не удалось найти мой компонент.

3. попробуйте добавить a widgetvar в свою таблицу данных

4. @YagamiLight извини, чувак, но все та же ошибка

5. измените место рычания, сделайте его перед формой и обновите его

Ответ №1:

Я решил это так:

 <p:commandButton value="Open Dialog" actionListener"...">
   <p:ajax event="dialogReturn" update="datatableID"/>
</p:commandButton>