ひさびさの投稿になっちゃいましたが生きてます。
昨年より以下のようにいろいろと話題になっておりますが、集計値列でHTMLを出力しビューの見栄えを整えるワザが使えなくなってしまいましたよね。
で、ついにこの波が我が職場にもやってまいりまして大騒ぎになっておりましたが、クライアントサイドでクイックに対応したいということでJSリンクを使って修正することにしました。
以下、サンプルコードです。
※ビュー上に複数の集計値列でHTMLを出力しているパターンとなります。
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
(function () { | |
var htmlColumnContext = {}; | |
htmlColumnContext.Templates = {}; | |
htmlColumnContext.Templates.Fields = { | |
"field1": { | |
"View": field1ViewTemplate | |
}, | |
"field2": { | |
"View": field2ViewTemplate | |
}, | |
"field3": { | |
"View": field3ViewTemplate | |
} | |
}; | |
SPClientTemplates.TemplateManager.RegisterTemplateOverrides(htmlColumnContext); | |
})(); | |
function field1ViewTemplate(ctx) { | |
var ret1 = ctx.CurrentItem["field1"]; | |
return ret1; | |
} | |
function field2ViewTemplate(ctx) { | |
var ret2 = ctx.CurrentItem["field2"]; | |
return ret2; | |
} | |
function field3ViewTemplate(ctx) { | |
var ret3 = ctx.CurrentItem["field3"]; | |
return ret3; | |
} |
こんないい加減なコードでいいのか・・・と思いますが、ちゃんと動くのですよ、これが。
これを、集計値列を表示しているビューにJSリンクとして設定してください。
JSリンクの設定方法は、以下にあります。
JSリンクを使ってビューにニコちゃんマークを表示してみた
ビューがいっぱいあると大変ですが、今すぐ!直さなければ!というときのご参考にしてください。