Sharepoint - （列表）过滤后的条件格式答案

【问题标题】：Sharepoint - (list) Conditional Formatting after filterSharepoint - （列表）过滤后的条件格式
【发布时间】：2017-10-12 17:24:08
【问题描述】：

我一直在脚本编辑器中使用此代码来格式化我在 sharepoint 在线应用程序中的列表行。

这个脚本工作正常！但仅在加载页面时运行，如果有必要在列表中制作过滤器格式丢失.....

有些想法要解决？或其他方式在 sharepoint 中进行条件格式设置？

<script src="https://....jquery-3.2.1.min.js" type="text/javascript"></script>
<script>
    $(document).ready(function(){
        $Text = $("td .ms-vb2:contains('PENDENTE DE EVIDENCIA')").filter(function() {
  return $(this).text() == "PENDENTE DE EVIDENCIA";})
        $Text.parent().css("background-color", "#CECECE");
        
        $Text = $("td .ms-vb2:contains('ATENDIDO')");
        $Text.parent().css("background-color", "#FFFF66");

ctx.skipNextAnimation = true

    }); </script>

【问题讨论】：

标签： list sharepoint formatting conditional

【解决方案1】：

我建议使用客户端站点渲染 (CSR)：

这将处理对列表所做的任何更改（排序/过滤/等）并根据您的规则更新您的视图。

Here's how it works

SPClientTemplates.TemplateManager.RegisterTemplateOverrides({
  OnPostRender: function(ctx) {
    var rows = ctx.ListData.Row;
    for (var i=0;i<rows.length;i++)
    {
      // UPDATE THE LOGIC HERE FOR WHAT MAKES SENSE FOR YOU
      var isApproved = rows[i]["_ModerationStatus"] == "Approved";
      if (isApproved)
      {
        var rowElementId = GenerateIIDForListItem(ctx, rows[i]);
        var tr = document.getElementById(rowElementId);
        tr.style.backgroundColor = "#ada";
      }
    }
  }
});

【讨论】：