被过滤的 AG-Grid 行未正确呈现

时间:2021-07-22 21:34:32

标签: javascript reactjs angular ag-grid ag-grid-angular

当用户点击单选按钮时,我在过滤网格数据时遇到了一些问题。我一直在尝试使用文档:https://www.ag-grid.com/angular-grid/filter-external/,当我使用“doesExternalFilterPass(node)”函数时,我能够准确地决定要过滤哪些元素。然而,有一个奇怪的错误,因为返回 true 的元素“我想要显示的那些”被推到顶部,而返回的元素仍然显示在底部。看起来它在我点击 Certify 之前将网格堆叠在我的网格之上。 这是我的代码:

externalFilterChanged(valueClicked){
  valueToFilter = valueClicked;
  this.gridApi.onFilterChanged(); 
}


doesExternalFilterPressed(){
  if(valueToFilter == 'Venkata'){
   console.log(node.data.getName)// prints out Venkata right amount of times
     return 
     {filterType: 'text',
      type: 'startsWith',
      filter: 'Venkata',
      }
   }
  return false;
}

this.gridApi.onFilterChanged();需要调用或者我需要什么函数来纠正这个错误。我将在此处显示我的问题的图片。 Original Grid

Here You can see it sorted but the grid is all messed up. The ones that returned false still are on the bottom

我可以扩展网格,但只有过滤后的元素才能扩展。

0 个答案:

没有答案