0

私の受信トレイ ページでは、このページでユーザーはメッセージを表示できます。メッセージには 2 種類の状態 (未開始、In_progress) があります。

ユーザーがすべてのメッセージを表示できる dataTable には、次の 3 つの列があります。

Data, title, actions

メッセージの状態はサービスから取得されます。私の仕事は、ユーザーがまだ開いていないすべてのメッセージのタイトルに太字の単語「 NEW 」を追加することです。

開いた後、状態は "in_progress" に変わり、太字の単語 " NEW " は消えます。

または、ある種のアイコンを使用するためにNEWに挿入されたアイデアがあります。

私がこれまでに行ったことは次のとおりです。

<p:column headerText="#{msg.title}">
    <h:outputText value="#{task.properties.bpm_status=='Not Yet Started'?'New ':''}" />
    <h:outputText value="#{task.properties.bpm_description}" />
</p:column>

問題は、太字に正しく追加<b></b>したり、代わりにアイコンを追加したりできないことです。

<b></b>「New」の周りに追加しようとしましたが、その場合はエラーが発生します。

4

2 に答える 2

2

"style="font-weight:bold""h:outputText タグで次のスタイルを使用してみてください 

 <h:outputText value="#{task.properties.bpm_status=='Not Yet Started'?'New ':''}" style="font-weight:bold"  />

私はそれを試してみましたが、それは私にとってはうまくいきます

于 2015-10-04T12:47:59.957 に答える
1

<ui:fragment>テンプレート テキストを条件付きでレンダリングするために使用できます。

<ui:fragment rendered="#{task.properties.bpm_status eq 'Not Yet Started'}">
    <b>New</b>
</ui:fragment>

または、スタイル クラスを適用します。

<h:outputText value="New" styleClass="new" rendered="#{task.properties.bpm_status eq 'Not Yet Started'}" />

.new {
    font-weight: bold;
}

属性を介してインライン スタイルを使用styleすることは、抽象化/再利用可能ではないため、お勧めできません。

于 2015-10-04T12:48:21.787 に答える