Use of the display detail feature of the table in the ADF (ORACLE JEE platform)

The ADF (Application development Framework) is a solution to the JEE platform for Oracle Master push, including JDeveloper (development IDE), Weblogic (Server container), ADF Faces (JSF implementation), ADF richFaces (extension components in JSF), and so on.

This article mainly discusses how to control the details of the display table in the ADF faces.

The ADF table is similar to the JSF standard table, but offers many more useful features. For example, display datail is very good function, the following figure: Users can click on the first column of the small chart, view the details of the bank

The following figure shows:

The following are the corresponding JSP and 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>
<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= "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>
</afh:body>
</afh:html>
</f:view>