使用JSLink Sharepoint过滤数据

Question

我使用JSLink自定义SharePoint显示列表。

我设法过滤数据，您可以在以下链接中看到：

https://sharepoint.stackexchange.com/questions/91317/filter-out-items-in-list-view-using-jslink

当我点击某列的标题尝试第二次过滤数据时，它会系统地返回所有旧数据，而不是整理以前过滤过的数据。

Answer 1

在提供的示例中，过滤器按行索引应用，这解释了为什么在应用排序之前和之后显示不同的行。

下面的示例演示了如何通过列表项ID 隐藏行，在这种情况下，过滤器将一致地应用于相同的行：

(function () {

   function listPreRender(renderCtx) {

         var excludeItemIds = [1];  //hide list item with Id=1

         var rows = renderCtx.ListData.Row; //get current rows
         var filteredRows = rows.filter(function(row){
            var curItemId = parseInt(row.ID); 
            if(excludeItemIds.indexOf(curItemId) === -1)
                return row;                
         });

         renderCtx.ListData.Row = filteredRows;
         renderCtx.ListData.LastRow = filteredRows.length;  //update ListData.LastRow property
   }


    function registerListRenderer()
    {
      SPClientTemplates.TemplateManager.RegisterTemplateOverrides({
          Templates : {
            OnPreRender : listPreRender
          }
      });
    } 
    ExecuteOrDelayUntilScriptLoaded(registerListRenderer, 'clienttemplates.js');

})();

<强>结果

过滤列表视图

应用排序后的过滤列表视图