如何通过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)
您正在更新整个数据库@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)
| 归档时间: |
|
| 查看次数: |
23554 次 |
| 最近记录: |