ADF(Application development Framework)是Oracle主推的JEE平台的解决方案，其中包括JDeveloper (开发IDE)，Weblogic(Server 容器),ADF Faces(JSF 实现)， ADF richFaces(JSF 中扩展组件)等等。
本文主要讨论ADF Faces中，如何控制显示Table的Details信息。
ADF Table类似于JSF标准的Table,但提供许多更有用的功能。比如显示Datail就是很好的功能，如下图：用户可以点击首列小图表，查看本行详细信息
如下图显示：
下面是相对应的JSP和BackingBean
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<%@ page contentType="text/html;charset=GBK"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://xmlns.oracle.com/adf/faces" prefix="af"%>
<%@ taglib uri="http://xmlns.oracle.com/adf/faces/html" prefix="afh"%>
<f:view>
<afh:html>
<afh:head title="tableTest">
<meta http-equiv="Content-Type" content="text/html; charset=GBK"/>
<style type="text/css">
body {
}
a:link { color: #ffa5a5; }
</style>
</afh:head>
<afh:body>
<h:form>
<af:table width="98%" value="#{tableTest.allData}" var="data"
emptyText="No Data"
disclosureListener="#{tableTest.showDetails}" banding="none"
varStatus="vs">
<af:column sortable="true" formatType="icon"
inlineStyle="border-color:rgb(0,0,0); border-width:thin; margin:auto; text-align:center;">
<f:facet name="header">
<af:outputText value="NO."/>
</f:facet>
<af:outputText value="#{data.column1}"/>
</af:column>
<af:column inlineStyle="border-color:rgb(0,0,0); border-width:thin; margin:auto; text-align:center;">
<f:facet name="header">
<af:outputText value="Last Name"/>
</f:facet>
<af:outputText value="#{data.column2}"/>
</af:column>
<af:column inlineStyle="border-color:rgb(0,0,0); border-width:thin; margin:auto; text-align:center;">
<f:facet name="header">
<af:outputText value="First Name"/>
</f:facet>
<af:outputText value="#{data.column3}"/>
</af:column>
<f:facet name="detailStamp">
<af:panelGroup layout="vertical">
<af:outputText rendered="#{tableTest.showDetail}"
value="#{data.detail}"/>
<af:outputText rendered="#{tableTest.showDetail}"
value="#{data.detail}"/>
<af:outputText rendered="#{tableTest.showDetail}"
value="#{data.detail}"/>
</af:panelGroup>
</f:facet>
</af:table>
</h:form>
</afh:body>
</afh:html>
</f:view>