JSF dataTable作为具有可点击行的CSS表?

时间:2013-02-12 16:22:44

标签: html jsf css3

已经提出相关问题,但由于目前还没有任何可靠/可接受的答案,我想我会重新说明并澄清:

JSF中是否有一种方法可以填充dataTable或相关的查询结果组件而无需将渲染器重写为W3C CSS表?这必须启用可点击的行和行(对列)样式a:悬停等

查询中所需呈现的JSF组件HTML的示例:

<div class="table">
    <a href="#" class="row">
        <span class="cell">Column-1-Value</span>
        <span class="cell">Column-2-Value</span>
    </a>
    ...
</div>

1 个答案:

答案 0 :(得分:1)

由于提供了输入,这是在Java EE / JSF容器中测试的完整答案(而不仅仅是注释):

<div class="table">
  <ui:repeat value="#{BackingBean.list}" var="item">
    <h:outputLink value="url">
      <f:param name="ID" value="#{item.ID}"/>
      <span class="cell">#{item.ID}</span>
      <span class="cell">#{item.Name}</span>
    </h:outputLink>
  </ui:repeat>
</div>

然后可以使用CSS / 3 display:tabledisplay:table-rowdisplay:table-cell设置上述内容;分别。行是可点击的,可以根据需要设置样式。