JSF Primefaces Ajax更新

0 ajax jsf primefaces

如何通过Ajax行选择功能更新数据表?将在更新参数上放置的值是什么?谢谢你的帮助

这是我的代码,有一个数据表,单击数据表中的一行后,它在下面的数据表中显示了该行的详细信息,但是更新存在问题

<?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://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:p="http://primefaces.org/ui">
    <h:head></h:head>
    <h:body>
        <f:view>
            <h:form id="form">
                <p:dataTable id="users" var="user" value="#{userOS.osList}"
                    paginator="true" rows="10" rowKey="#{user.kisiid}"
                    selection="#{userOS.selectedOS}" selectionMode="single">
                    <f:facet name="header">  
                                            Kullan?c? detaylar?n? görmek için view butonuna t?klay?n?z
                                            </f:facet>
                    <p:ajax event="rowSelect" listener="#{userOS.onRowSelect}"
                        update=":form" oncomplete="userDialog" />

                    <p:column headerText="Student No" sortBy="ogrencino"
                        filterBy="ogrencino" id="ogrencino">
                        <h:outputText value="#{user.ogrencino}" />
                        <f:param name="kid" value="#{userOS.osList.rowIndex}" />
                    </p:column>

                    <p:column headerText="Name" sortBy="ad" filterBy="ad" id="ad">
                        <h:outputText value="#{user.ad}" />
                    </p:column>
                    <p:column headerText="Surname" sortBy="soyad" filterBy="soyad"
                        id="soyad">
                        <h:outputText value="#{user.soyad}" />
                    </p:column>
                    <p:column headerText="Faculty" sortBy="altbirim.ad"
                        filterBy="altbirim.ad" id="altbirim">
                        <h:outputText value="#{user.altbirim.ad}" />
                    </p:column>
                    <p:column headerText="Department" sortBy="bolum.ad"
                        filterBy="bolum.ad" id="bolum">
                        <h:outputText value="#{user.bolum.ad}" />
                    </p:column>
                    <p:column headerText="Status" sortBy="ogrencidurum.ad"
                        filterBy="ogrencidurum.ad" id="ogrencidurum">
                        <h:outputText value="#{user.ogrencidurum.ad}" />
                    </p:column>

                    <f:facet name="footer">
                    </f:facet>
                </p:dataTable>


                <p:tabView id="tabView">
                    <p:tab id="dialog" title="User Detail" widgetVar="userDialog">
                        <h:panelGrid id="panelgrid" columns="2" cellpadding="4">
                            <p:dataTable id="display" var="adres" value="#{userOS.adresList}">
                                <p:column headerText="Adres Tipi">
                                    <h:outputText value="#{adres.addressType}" id="adresturu"/>
                                </p:column>
                                <p:column headerText="Adres">
                                    <h:outputText value="#{adres.address}" id="adres"/>
                                </p:column>
                                <p:column headerText="?l">
                                    <h:outputText value="#{adres.city}" id="sehir"/>
                                </p:column>
                                <p:column headerText="Ülke">
                                    <h:outputText value="#{adres.country}" id="ulke"/>
                                </p:column>
                            </p:dataTable>
                        </h:panelGrid>
                    </p:tab>
                    <p:tab id="tab2" title="Godfather Part II">

                    </p:tab>

                    <p:tab id="tab3" title="Godfather Part III">

                    </p:tab>
                </p:tabView>
            </h:form>
        </f:view>
    </h:body>
    </html>
Run Code Online (Sandbox Code Playgroud)

Kis*_*ash 5

您正在更新整个数据库@form,其中保留了两个数据表。
那么,为什么在第一数据表中选择一行时不更新第二数据表呢?
由于您的第二个数据表已插入,p:tabView因此它将ID作为tabView:display
因此,您p:ajax将是:

<p:ajax event="rowSelect" process="@this" listener="#{userOS.onRowSelect}"
             update=":form:tabView:display" oncomplete="userDialog" />
Run Code Online (Sandbox Code Playgroud)

要么

您可以将第二个表移到单独的表中并更新整个表单。
以我的经验,p:tabView我不会保持p:tabView内在形式。
宁可我将表格保留在里面p:tabView
参见以下代码:

<h:form id="form">
   <p:dataTable id="users" var="user" value="#{userOS.osList}" ...>

        <p:ajax event="rowSelect" listener="#{userOS.onRowSelect}"
                        update=":tabView:form2" oncomplete="userDialog" />
         .....
         .....
    </p:dataTable>
</h:form>

<p:tabView id="tabView">
   <p:tab id="dialog" title="User Detail" widgetVar="userDialog">
       <h:panelGrid id="panelgrid" columns="2" cellpadding="4">

          <h:form id="form2">
             <p:dataTable id="display" var="adres" value="#{userOS.adresList}">
                 ......
                 ......
              </p:dataTable>
           </h:form>

       </h:panelGrid>
    </p:tab>
</p:tabView>
Run Code Online (Sandbox Code Playgroud)