SharePoint 2013上の単純なjQueryがフィルタリング後に機能しなくなる

Question

少しjQueryがありますリストにいくつかの表のセルを表示するSharePointページに追加します。ページが読み込まれると完全に動作しますが、リストがフィルタされるとコードが停止します。リストがフィルタリングされた後で機能させるには、何をする必要がありますか？

$(document).ready(function(){ 
$('table.red').closest('td').addClass('redBG'); 
$('.yellow').closest('td').addClass('yellowBG'); 

}）;

Answer 1

この場合、SharePointクライアント側のレンダリング。 ここではPnPのチュートリアルをいくつかご覧いただけます：https://github.com/SharePoint/PnP/tree/dev/Samples/Branding.ClientSideRendering でも、Googleを検索することもできます。

コード：

(function() { 
    if (typeof SPClientTemplates === 'undefined') 
     return; 
    SPClientTemplates.TemplateManager.RegisterTemplateOverrides({ 
     OnPostRender: [ 
      function (ctx) { DoStuff(ctx); }, 
     ] 
    }); 
})(); 

function DoStuff(ctx) { 
    $('table.red').closest('td').addClass('redBG'); 
    $('.yellow').closest('td').addClass('yellowBG'); 
} 

がjsの外部ファイルとしてこれを使用して、リストデータを表示ListViewWebPartのJSLINKプロパティ上のファイルへのリンクを追加します。

OnPostRender機能は、フィルタリングとページングでトリガーされます。