カスタムリストのテキストの色を変更するための計算列

カスタムリストを作成しました。Account列は、と呼ばれ、列はドロップダウンリストであり、次のオプションがあります

• 毎時
• 銀
• ゴールド

上記のオプションを太字にし、特定の色をリストに表示したい

• 毎時=赤
• シルバー=シルバー
• ゴールド=ゴールド

これにはどの式を使用すればよいですか？

このブログ投稿で詳しく説明されているアプローチを試すことができます。 http://www.idubbs.com/blog/2012/js-link-for-sharepoint-2013-web-partsa-quick-functional-primer/

要約すると、JSLinkを使用して、フィールドのレンダリングを必要な外観にオーバーライドします。ブログ投稿では、プログレスバーの使用方法を示していますが、さまざまな色で表示するように変更するのにそれほど手間はかかりません。

これは、計算フィールドで実行できます。フォームのドロップダウンで何を選択するために使用するアカウント列があります。次に、別の列を作成して、計算フィールドとして表示するためにリストビューに表示します。それをアカウント表示と呼びましょう。この式を試して、それがあなたのために働くかどうか確かめてください。私はこれと同じタイプのプロセスを、優先度インジケーターの画像でも行います。

=IF(Account="Hourly"," <div style="color:red;">Hourly</div>",
IF(Account="Silver"," <div style="color:CCC2C2;">Silver</div>",
IF(Account="Gold"," <div style="color:D9A441;">Gold</div>")))))

必ずSharePointDesignerに移動し、列のxsltノードのxsl：value-ofプロパティにdisable-output-escaping = "yes"を追加してください。そうしないと、レンダリングされません。これは、DispForm.aspxページではなく、AllItems.aspxのようなリストのビューに表示されます。

編集：探すXSLTコードブロック：

<xsl:template name="FieldRef_Text_body.Account_x0020_Display" ddwrt:dvt_mode="body" match ="FieldRef[@Name='Account_x0020_Display']" mode="Text_body" ddwrt:ghost="" xmlns:ddwrt2="urn:frontpage:internal">
    <xsl:param name="thisNode" select="."/>
    <xsl:choose>
        <xsl:when test="@AutoHyperLink='TRUE'">
    <xsl:value-of select="$thisNode/@*[name()=current()/@Name]" disable-output-escaping ="yes"/> </xsl:when> <xsl:otherwise> <xsl:value-of select="$thisNode/@*[name()=current()/@Name]" disable-output-escaping="yes"/>
  </xsl:otherwise>
    </xsl:choose>
</xsl:template>

条件付き書式を使用してみることができます。詳細については、こちらをご覧ください。

jqueryを使用することもできます。あなたには、スクリプトを追加する必要がページの編集\編集Webパーツ\その他（正確な場所を見つけて、次のスクリプトを使用するために上記のリンクを参照）、JSの部分にスクリプトを追加します

これがスクリプトのサンプルです。要件に応じて編集します。

    <script type="text/javascript"src="//ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function () { $Text = $("td.ms-cellstyle.ms-vb2:contains('Green')"); $Text.parent().css("background-color","#01DF3A");
    $Text = $("td.ms-cellstyle.ms-vb2:contains('Gold')");
    $Text.parent().css("background-color", "#EAC117"); $Text = $("td.ms-cellstyle.ms-vb2:contains('Red')"); $Text.parent().css("background-color", "#E9967A");
        });
    </script>

SharePointリストの列をフォーマットするために私が見つけた最も簡単な方法は、計算列を使用することです。JSを使用してページを完全に再コーディングすることはできますが、おそらく私のような簡単な答えを探しています。ユーザーフレンドリーで、将来のユーザーが自分の行ったことを確認できるように既存の機能を利用するものが必要です。

1. 計算列を作成する
2. 以下のコードを貼り付けて、すべての大文字を独自の列と選択肢に置き換えます
3. 色を置き換えたり、背景のスタイルを削除したりして、ニーズに合わせてスタイルを変更します
4. 計算列タイプとして数値を選択していることを確認してください
5. 列を作成してください！
6. 参照している列を非表示にして、これが表示される列になるようにすることができます。

=IF([LOOKUPCOLUMN]="CHOICE1",
"<div style="""&"color: white; background: green"&""">CHOICE1</div>",
IF([LOOKUPCOLUMN]="CHOICE2",
"<div style="""&"color: white; background: red"&""">CHOICE2</div>",
IF([LOOKUPCOLUMN]="CHOICE3",
"<div style="""&"color: white; background: orange"&""">CHOICE3</div>",""
))) 

私は以下を使用してこれを達成しました

="<DIV><img width='30px' height='auto' src='"&IF(Status<>"Under revision","/SiteAssets/ICON/ok_yes.png",if(Status<>"Current","/SiteAssets/ICON/emo_Current.png","/SiteAssets/ICON/emo_no.png"))&"'></DIV>"

私の場合、ドキュメントライブラリ内のアイテムのステータスに基づいてシンボルを表示する必要がありました。

そのため、同じものを利用できますが、代わりにスタイルで画像を使用できます。

それが役に立てば幸い。