AngularSlickgrid列过滤器不能在格式化的列数据上正常工作。
创始人
2024-10-29 16:00:49
0

问题原因是设置了 formatter 方法之后,SlickGrid 将使用 formatter 对象的返回值进行排序和过滤操作,而不是原始的数据值。因此,如果您的列数据是格式化的,那么列过滤器将无法正常工作。

为了解决这个问题,可以使用 Angular Slickgrid 提供的onSearchChangedataView.refresh方法自定义一个搜索过滤器。在这个过滤器中,我们可以自己处理筛选器输入和数据值的比较逻辑。

下面是一个示例代码:

import { Component, OnInit } from '@angular/core';
import { SlickGridConfig } from 'angular-slickgrid';
import { CustomDataView } from './custom-data-view';

@Component({
  selector: 'my-app',
  template: `
    
  `
})
export class AppComponent implements OnInit {
  columnDefinitions: any[];
  dataset: any[];
  dataView: any;
  gridOptions: SlickGridConfig = {};

  ngOnInit(): void {
    this.columnDefinitions = [
      // your column definitions here...
      {
        id: 'formattedColumn',
        name: 'Formatted Column',
        field: 'myData',
        formatter: this.customFormatter
      }
    ];

    this.dataset = [
      {
        id: 1,
        myData: '123'
      },
      {
        id: 2,
        myData: '456'
      },
      {
        id: 3,
        myData: '789'
      }
    ];
  }

  angularGridReady(angularGrid: any): void {
    const dataView = new CustomDataView();
    dataView.setItems(this.dataset);
    this.gridOptions = angularGrid.gridOptions;
    
    this.gridOptions.enableFiltering = false;
    this.gridOptions.dataView = dataView;
    this.gridOptions.enableAutoResize = true;

相关内容

热门资讯

透视黑科技!pokemmo辅助... 透视黑科技!pokemmo辅助工具,佛手在线大菠萝为什么都输,解密教程(有挂方法)1、起透看视 佛手...
透视ai!德普之星有辅助软件吗... 透视ai!德普之星有辅助软件吗,德普之星怎么开辅助,新版2025教程(有挂细节)1、构建自己的德普之...
透视挂“xpoker辅助器”透... 透视挂“xpoker辅助器”透视辅助脚本(切实是有挂)1、进入到xpoker辅助器黑科技之后,能看到...
透视好友!德普之星透视辅助软件... 透视好友!德普之星透视辅助软件激活码,德普之星透视辅助软件激活码,技巧教程(有挂攻略)1)德普之星透...
透视新版!拱趴大菠萝万能挂,p... 透视新版!拱趴大菠萝万能挂,pokerworld辅助器,必胜教程(有挂教程)1、游戏颠覆性的策略玩法...
透视透视!德普之星透视软件免费... 透视透视!德普之星透视软件免费入口官网,(德扑之心)原来存在有挂,技巧教程(有挂规律)1、上手简单,...
透视真的!拱趴游戏破解器,po... 透视真的!拱趴游戏破解器,pokerrrr2辅助,必备教程(有挂方法)1、透视真的!拱趴游戏破解器,...
透视有挂!德普之星辅助软件,(... 透视有挂!德普之星辅助软件,(德普)竟然真的是有挂,玩家教程(有挂解密)透视有挂!德普之星辅助软件,...
透视总结“pokermaste... 透视总结“pokermaster破解版”透视辅助机制(都是有挂)1、这是跨平台的pokermaste...
透视工具!德普之星透视辅助软件... 透视工具!德普之星透视辅助软件,(德普)真是真的有挂,专业教程(有挂揭秘)1、德普之星透视辅助软件系...