开发学院软件开发 Java ADF(ORACLE JEE 平台)中Table的显示detail功能的使... 阅读

ADF(ORACLE JEE 平台)中Table的显示detail功能的使用

　2009-09-24 00:00:00　来源：WEB开发网　　　

核心提示：ADF(Application development Framework)是Oracle主推的JEE平台的解决方案，其中包括JDeveloper (开发IDE)，ADF(ORACLE JEE 平台)中Table的显示detail功能的使用，Weblogic(Server 容器),ADF Faces(JSF 实现)，

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就是很好的功能，如下图：用户可以点击首列小图表，查看本行详细信息

ADF(ORACLE JEE 平台)中Table的显示detail功能的使用

图片看不清楚？请点击这里查看原图（大图）。

如下图显示：

ADF(ORACLE JEE 平台)中Table的显示detail功能的使用

图片看不清楚？请点击这里查看原图（大图）。

下面是相对应的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>