我应该使用dataTable还是panelGrid? JSF

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了我应该使用dataTable还是panelGrid? JSF相关的知识,希望对你有一定的参考价值。

<table id="tbl" cellpadding="5" cellspacing="0" border="0" class="display" style="padding-top: 10px;width:100%">
    <thead>
       <tr>
            <th width="20%">Emp No</th>
            <th width="15%">title</th>
            <th width="20%">Name</th>
            <th width="10%">shift</th>
        </tr>
    </thead>
    <tfoot>
         <tr>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
            <th></th> 
            <th></th>
        </tr>
    </tfoot>
    <tbody style="cursor:pointer;">
        Yeh aik arzi tehreer hai
    </tbody>
</table>

当我开始为我的JSF应用程序转换此代码时,我发现我可以使用<h:dataTable><h:panelGrid>,因为两者都在这里用作table in html的替代品。所以我想问的第一件事是我应该在这里使用什么? 2,如何处理<thead><tfoot><tbody>as我没有在JSF中找到他们的替代品。所以,任何人都可以付出一些努力来帮助我 谢谢

答案

如果您(在您的支持bean中)有一组需要显示的对象,<h:dataTable>是一个不错的选择。例如,如果您有一个对象员工列表(具有Id,Name,Surname等),那么这是最佳选择。

在这里你可以找到一个how to use dataTable的例子。

如果您以某种方式布置各种元素,<h:panelGrid>是一个不错的选择。一种情况是,你必须将空间分成两列,分别为80%和20%。虽然'我'建议使用(panelGroup)为此目的,请参阅http://www.w3.org/2002/03/csslayout-howto

编辑:使用<h:dataTable>对于页眉,页脚等,你必须使用标签<f:facet />参见Multiple Footer Rows in a JSF dataTable

以上是关于我应该使用dataTable还是panelGrid? JSF的主要内容,如果未能解决你的问题,请参考以下文章

如何在 h:panelGrid 中设置一行的高度

panelgrid 内的复合组件未“扩展”

如何从特定的 PrimeFaces p:panelGrid 中删除边框?

对齐 panelGrid 列内的内容

复合组件和 PanelGrid 的布局问题 [重复]

如何在 JSF panelGrid 中添加一个空元素?