javascript - 使用 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');

})();

结果

过滤列表视图

应用排序后筛选的列表视图