Richfaces的datatable组件的使用

在对Richfaces的datatable组件的使用过程中，应特别注意的是在使用跨列表头和table内值的动态显示，一般都要在table内将value属性加上，不管是否在测试是value值是否有无，否则值将不显示，刚开始时还不知道，郁闷了好几天！

 

<rich:dataTable>是几种使用方式如下：

 

方式一：

<rich:dataTable border="1" styleClass="itemlist" value="">
   <f:facet name="header">
     <rich:columnGroup>
   <rich:column colspan="7">
    <h:outputText value="跨列表头一" styleClass="txt"/>
   </rich:column>
   <rich:column colspan="7" breakBefore="true" style="text-align:right;">
    <h:outputLink value="#">跨列表头二>></h:outputLink>
   </rich:column>
   <rich:column breakBefore="true">
                                <h:outputText value="表头一" styleClass="txt"/>
                        </rich:column>
                        <rich:column >
                                <h:outputText value="表头二" styleClass="txt"/>
                        </rich:column>                             
    </rich:columnGroup>
   </f:facet>
          
   <rich:column>
                            <h:outputText value="值一"></h:outputText>
                         </rich:column>
                         <rich:column>
                            <h:outputText value="值二"></h:outputText>
                         </rich:column>                                                 
                        
</rich:dataTable>

 
方式二：

<rich:dataTable width="483" id="carList" value="" var="">
            <f:facet name="header">
                <rich:columnGroup>
                    <h:column>
                        <h:outputText value="表头一" />                   
                    </h:column>
                    <h:column>
                        <h:outputText value="表头二" />
                    </h:column>
                    <h:column>
                        <h:outputText value="表头三" />
                    </h:column>
                    <h:column>
                        <h:outputText value="表头四" />
                    </h:column>
                </rich:columnGroup>
            </f:facet>

            <h:column>
                <h:outputText value="值一" />
            </h:column>
            <h:column>
                <h:outputText value="值二" />
            </h:column>
            <h:column>
                <h:outputText value="值三" />
            </h:column>
            <h:column>
                <h:outputText value="值四" />
            </h:column>

</rich:dataTable>

 
方式三：

<rich:dataTable id="tb1" value="" var="" styleClass="itemlist" border="1">
         <f:facet name="header">
           <rich:columnGroup>
            <rich:column colspan="7">
             <h:outputText value="跨列表头一" styleClass="txt"/>
            </rich:column>
            <rich:column colspan="7" breakBefore="true" style="text-align:right;">
             <h:outputLink value="#" >跨列表头二>></h:outputLink>
            </rich:column>
           </rich:columnGroup>
      </f:facet>
     
           <rich:column>
         <f:facet name="header">
                 <h:outputText value="表头一" styleClass="txt"/>
            </f:facet>
              <h:outputText value="值一" escape="false" style="width:250px"></h:outputText>
            </rich:column>
            <rich:column>
         <f:facet name="header">
                  <h:outputText value="表头二" styleClass="txt"/>
             </f:facet>
              <h:outputText value="值二" escape="false" style="width:250px"></h:outputText>
            </rich:column>
            
</rich:dataTable>

 

方式四：

<rich:dataTable border="1" styleClass="itemlist" >
  <f:facet name="header">
   <rich:columnGroup>
       <rich:column colspan="2">
        <h:outputText value="新建项目" styleClass="txt"/>
       </rich:column>
       <rich:column breakBefore="true">
                                <h:outputText value="项目名称：" styleClass="txt"/>
                            </rich:column>
                            <rich:column style="text-align:left">
                               <h:inputText size="50" styleClass="txt"/>
                            </rich:column>
                             <rich:column breakBefore="true" >
                                <h:outputText value="项目介绍：" styleClass="txt"/>
                            </rich:column>
                            <rich:column style="text-align:left">
                               <h:inputTextarea cols="100" rows="10" styleClass="txt"/>
                            </rich:column>
                            <rich:column colspan="2" breakBefore="true">
                             <h:commandButton value="提交"/>
                             <h:commandButton value="重写"/>
                            </rich:column>
   </rich:columnGroup>
  </f:facet>
          
</rich:dataTable>