none
JSリンクによるアイテムの背景色の設定 RRS feed

  • 質問

  • Share Point Onlineについての質問です。

    カスタムリストを作成し、中にアイテムを追加しました。

    そこで、特定の列に特定の文字(例:名前列に橋本が入力された)が記入された場合
    JSリンクを使用して、文字の色ではなく背景色を変えたいのですが、出来ません。
    入力された値によって文字色は変わったので、colorをbackground-colorにすれば出来ると思ったのですが出来ません。



    どなたか分かる方いらっしゃいましたらよろしくお願いします。

    以下がJSファイルの中身です。よろしくお願いします。
    列(内部名)_x540d__x524d_に橋本が入力されたら、橋本の背景色が#00FF00になるようにしたいです。

    (function(){

    var overrideCtx = {};
    overrideCtx.Templates = {};
    overrideCtx.ListTemplateType = 100;
    overrideCtx.BaseViewID = 1;
    overrideCtx.Templates.Fields = {
    '_x540d__x524d_': { 'View' : Color }
    };



    SPClientTemplates.TemplateManager.RegisterTemplateOverrides(overrideCtx);



    function Color(ctx){
    var retVal;
    var orgVal = ctx.CurrentItem._x540d__x524d_;
    if (orgVal == '橋本'){
    retVal = '<span style="background-color:#00FF00">' + orgVal + '</span>';
    }
    return retVal;
    }
    })();

    2017年10月27日 5:18

回答

  • この名前列を 1 行テキストで作成して試してみたところ、意図通り「橋本」が緑色になりました。
    考えられるとすると、テスト中の古いスクリプトがブラウザのキャッシュで残っているなどでしょうか?
    ブラウザのキャッシュを消してみた場合はどうでしょうか?

    2017年10月27日 9:54

すべての返信

  • この名前列を 1 行テキストで作成して試してみたところ、意図通り「橋本」が緑色になりました。
    考えられるとすると、テスト中の古いスクリプトがブラウザのキャッシュで残っているなどでしょうか?
    ブラウザのキャッシュを消してみた場合はどうでしょうか?

    2017年10月27日 9:54
  • この作成したJSリンクをSharePointに追加する手順はUTF-8で保存したJSファイルを

    マスターページギャラリーにアップロードしますが

    コンテンツタイプは【Java Scriptの表示テンプレート】で

    対象コントロールの種類は【ビュー】で

    スタンドアロンは【上書き】で

    対象範囲を【/】で

    対象リストテンプレートIDを【100】にしています

    そして

    ~sitecollecn/_catalogs/masterpage/ファイル名.js

    で適用させていますが、手順は一緒でしょうか?

    2017年10月30日 0:08
  • キャッシュを削除しても、緑色になりませんでした。
    2017年10月30日 0:22
  • 横からすみません。

    文字色は変わったということなので、設定には問題なく、単にCSSの問題のような気がします。
    例えば「background-color:#00FF00!important」のようにしてみても変化ありませんか?

    2017年10月30日 0:22
  • "background-color:#00FF00!important"でも変化しないですね。

    メジャーバージョンに発行を行わないとだめなのでしょうか?

    ちなみに文字色の場合は、発行は必要ありませんでした。

    2017年10月30日 0:45
  • みなさんリストを作り直して行ったら、成功しました。

    ありがとうございました!

    2017年10月30日 4:48
  • ごめんなさい。

    JSファイルを適用し、'橋本'の色付けはできなのですが、それ以外の名前が表示されなくなりました。

    2017年10月30日 4:52
  • この問題も解決しました。

    ありがとうございました。

    2017年10月30日 5:18