(t¨©ng) (t¨©ng) (t¨©ng) æ¥çœ‹çœ‹jsfä¸çš„解决æ–ÒŽ(gu¨©)¡ˆ
jsfä¸?<h:dataTable> 通常¾l‘定一个ListDataModel 或者是ArrayDataModel½{‰æ•°æ®æ¨¡åž?而该数æ®æ¨¡åž‹é€šå¸¸ž®è£…List,或都Array之类的对è±?˜q™äº›å¯¹è±¡çš„å…ƒç´ éƒ½æ˜¯ä¸€äº›bean 对象,把数æ®åº“ä¸è¡¨çš„å—ŒD‰|˜ ž®„æˆbean (t¨©ng) å†ç»™è¯¥beanæ·ÕdŠ 一个é¢å¤–boolean型的属æ€?用楾l‘定 <h:selectBooleanCheckbox>¾l„äšg,在backing beanä¸å°±å¯ä»¥é€šè¿‡åˆ¤æ–˜q™ä¸ª¾l‘定值æ¥å¤„ç†<h:dataTable>¾l„äšg选ä¸çš„行对应的数æ®æ¨¡åž‹æ‰€æ‹¥æœ‰çš„beanäº? (t¨©ng) 那么如何在页é¢å®žçŽ?lt;input type="checkbox"/>的全选呢,˜q˜æ˜¯ç”¨javascript åªæ˜¯javascriptè¦å…ˆå¯?lt;table>æ ‡ç¾˜q›è¡Œæ“作äº?˜q™å°±æ²¡jspä¸é‚£ä¹ˆç›´è§? js代ç
</script><script (t¨©ng) language="javascript" type="">
 (t¨©ng)function SetCheckedStatus()
{
 (t¨©ng) (t¨©ng)  (t¨©ng)var oTable=document.all['fors:data'];
 (t¨©ng)var oChkAll=document.all['fors:selectall']
 (t¨©ng)if(oTable != null && oChkAll != null)
 (t¨©ng){
 (t¨©ng) (t¨©ng)for(j=1;j<oTable.rows.length;j++)
 (t¨©ng) (t¨©ng){
 (t¨©ng) (t¨©ng) (t¨©ng)oTable.rows(j).cells(0).children.item(0).checked=oChkAll.checked;
 (t¨©ng) (t¨©ng)}
 (t¨©ng)}
}
</script>
jsf™åµé¢ä»£ç :
<%@page contentType="text/html; charset=GB2312"%>
<%@taglib uri="<%@taglib uri="<html>
<head>
 (t¨©ng) <script type="" src="css/screen.js"></script>
<script language="javascript" type="">
 (t¨©ng)pressed="fail";
function setPress(newValue){
 (t¨©ng) (t¨©ng) pressed=newValue;
 (t¨©ng) (t¨©ng) }
function confirmSubmit(){
 (t¨©ng) if(pressed=="add"){
 (t¨©ng) (t¨©ng) wid =calculateCenterWidth(340);
 (t¨©ng) (t¨©ng) (t¨©ng) hi=calculateCenterHeight(160);
 (t¨©ng) (t¨©ng) (t¨©ng) popup=window.open("adduser.faces","popup","height=160,width=340,toolbar=no,left="+wid+",top="+hi+",menubar=no,scrollbars=no");
 (t¨©ng) (t¨©ng) (t¨©ng) popup.focus();
 (t¨©ng) (t¨©ng) (t¨©ng) return false;
 (t¨©ng) }
 (t¨©ng) if(pressed=="del"){
 (t¨©ng) (t¨©ng) (t¨©ng) return confirm("¼‹®å®šè¦åˆ 除å—?");
 (t¨©ng) }
 (t¨©ng) if(pressed=="save"){
 (t¨©ng) (t¨©ng) (t¨©ng) return confirm("¼‹®å®šè¦ä¿®æ”¹å—?");
 (t¨©ng) }
}
</script><script (t¨©ng) language="javascript" type="">
 (t¨©ng)function SetCheckedStatus()
{
 (t¨©ng) (t¨©ng)  (t¨©ng)var oTable=document.all['fors:data'];
 (t¨©ng)var oChkAll=document.all['fors:selectall']
 (t¨©ng)if(oTable != null && oChkAll != null)
 (t¨©ng){
 (t¨©ng) (t¨©ng)for(j=1;j<oTable.rows.length;j++)
 (t¨©ng) (t¨©ng){
 (t¨©ng) (t¨©ng) (t¨©ng)oTable.rows(j).cells(0).children.item(0).checked=oChkAll.checked;
 (t¨©ng) (t¨©ng)}
 (t¨©ng)}
}
</script><link href="css/styles3.css" rel="stylesheet" type="text/css"/>
<title>用户½Ž¡ç†</title>
</head>
<body bgcolor="#ffffff">
<f:view>
 (t¨©ng) <h:form id="fors" onsubmit="return confirmSubmit()">
 (t¨©ng) (t¨©ng) (t¨©ng) <h:panelGrid id="top" cellspacing="0" cellpadding="0" width="100%" border="0" columns="3" columnClasses="left,topMiddle,right">
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:graphicImage value="images/jiao1.gif"/>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:outputText value=""/>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:graphicImage value="images/jiao2.gif"/>
 (t¨©ng) (t¨©ng) (t¨©ng) </h:panelGrid>
 (t¨©ng) (t¨©ng) (t¨©ng) <h:panelGrid cellspacing="0" cellpadding="0" width="100%" border="0" columnClasses="middleLeft,btstyle,middleRight" columns="3">
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:outputText value=""/>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:panelGroup>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <!-- æ•°æ®-->
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:panelGrid id="act" columns="1" cellpadding="0" cellspacing="0" width="100%" border="0" columnClasses="btstyle">
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:panelGroup>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:selectBooleanCheckbox id="selectall" onclick="SetCheckedStatus()"/>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:outputLabel for="selectall">
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:outputText value="å…¨é€?/>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) </h:outputLabel>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:commandButton value="¾~–辑" onclick="setPress('editor')"/>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:commandButton value="åˆ é™¤" onclick="setPress('del')" actionListener="#{function.delUserTriggered}"/>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:commandButton value="å¢žåŠ " onclick="setPress('add')"/>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:commandButton value="ä¿å˜" onclick="setPress('save')" actionListener="#{function.saveUserTriggered}"/>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) </h:panelGroup>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) </h:panelGrid>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:dataTable id="data" value="#{function.userInfoModel}" var="user" width="100%" border="1" cellpadding="0" cellspacing="0">
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:column>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <f:facet name="header">
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:outputText id="headerText1" value="选择"/>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) </f:facet>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:selectBooleanCheckbox id="selectBooleanCheckbox1" value="#{user.editor}"/>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) </h:column>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:column>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <f:facet name="header">
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:outputText id="headerText7" value="ç™Õd½•å?/>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) </f:facet>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:outputText value="#{user.username}" rendered="#{not user.editor}"/>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:inputText value="#{user.username}" rendered="#{user.editor}"> (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) </h:inputText>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) </h:column>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:column>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <f:facet name="header">
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:outputText id="headerText2" value="用户å?/>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) </f:facet>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:outputText value="#{user.name}" rendered="#{not user.editor}"/>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:inputText value="#{user.name}" rendered="#{user.editor}"> (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) </h:inputText>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) </h:column>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:column>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <f:facet name="header">
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:outputText id="headerText3" value="用户密ç "/>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) </f:facet>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:outputText value="********" rendered="#{not user.editor}"> (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) </h:outputText>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:inputSecret id="inputSecret1" value="#{user.password}" redisplay="true" rendered="#{user.editor}"/>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:message for="inputSecret1"/>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) </h:column>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:column>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <f:facet name="header">
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:outputText id="headerText4" value="性别"/>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) </f:facet>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:outputText value="#{user.xingbie}" rendered="#{not user.editor}"/>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:selectOneListbox id="selectOneListbox1" (t¨©ng) size="1" value="#{user.xingbie}" (t¨©ng) rendered="#{user.editor}" style="width:100px">
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <f:selectItems value="#{function.xinbeiList}"/>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) </h:selectOneListbox>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:message for="selectOneListbox1"/>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) </h:column>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:column>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <f:facet name="header">
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:outputText id="headerText5" value="å²—ä½"/>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) </f:facet>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:outputText value="#{user.gangwei}" rendered="#{not user.editor}"/>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:inputText value="#{user.gangwei}" rendered="#{user.editor}"> (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) </h:inputText>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) </h:column>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:column>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <f:facet name="header">
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:outputText id="headerText6" value="部门"/>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) </f:facet>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:outputText value="#{user.bumen}" rendered="#{not user.editor}"/>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:inputText value="#{user.bumen}" rendered="#{user.editor}"> (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) </h:inputText>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) </h:column>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) </h:dataTable>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <!-- æ•°æ®-->
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) </h:panelGroup>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <h:outputText value=""/>
 (t¨©ng) (t¨©ng) (t¨©ng) </h:panelGrid>
 (t¨©ng) (t¨©ng) (t¨©ng) <table id="fors:bottom" border="0" cellpadding="0" cellspacing="0" width="100%">
 (t¨©ng) (t¨©ng) (t¨©ng)
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <tbody>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <tr>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <td class="left">
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <img src="images/jiao3.gif" alt=""/>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) </td>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <td class="bottomMiddle"> (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) </td>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <td class="right">
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) <img src="images/jiao4.gif" alt=""/>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) </td>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) </tr>
 (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) (t¨©ng) </tbody>
 (t¨©ng) (t¨©ng) (t¨©ng) </table>
 (t¨©ng) </h:form>
</f:view>
</body>
</html>
å› äØ“(f¨´)æ—‰™—´åŽŸå› 也懒的写一个完整的应用äº?ä¸è¿‡æˆ‘想有以上的代ç 也够äº?毕竟˜q™é‡Œåªæ˜¯è§£å†³ä¸€ä¸ªå°é—®é¢˜.
]]>