0

関連する質問がありましたが、まだ確固たる/受け入れられる答えがないので、言い換えて明確にしたいと思いました。

dataTableレンダラーをW3CCSSテーブルとして書き直さずに、または関連するクエリ結果コンポーネントにデータを入力する方法はJSF内にありますか？これにより、クリック可能な行と行（列ではなく）のスタイル設定a：hoverなどを有効にする必要があります。

クエリからの目的のレンダリングされた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>
4

1 に答える 1

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:table、display:table-rowおよびdisplay:table-cell;を使用してスタイルを設定できます。それぞれ。行はクリック可能で、必要に応じてスタイルを設定できます。

于 2013-02-12T17:43:38.843 に答える