[Bug] When changing filters programatically only the last filter is applied

[TimoSchmuck]

I want to set more than one filter programatically. For one filter it is working as expected, but not for more. Only the last filter is applied.

Steps to reproduce the bug:
Have two columns in PlutoGrid and then changing two filters at the same time via the eventManager is not working.

WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
      stateManager!.eventManager!.addEvent(
        PlutoGridChangeColumnFilterEvent(
            column: column[0],
            filterType: const PlutoFilterTypeContains(),
            filterValue:  'columnFilter0'
            debounceMilliseconds:
                stateManager!.configuration.columnFilter.debounceMilliseconds),
        );
        stateManager!.eventManager!.addEvent(
          PlutoGridChangeColumnFilterEvent(
              column: column[1],
              filterType: const PlutoFilterTypeContains(),
              filterValue: 'columnFilter1',
              debounceMilliseconds:
                  stateManager!.configuration.columnFilter.debounceMilliseconds),
        );
});

Execution Environment

Flutter 3.24.5 • channel stable • https://github.com/flutter/flutter.git
Dart 3.5.4 
DevTools 2.37.3

PlutoGrid version
pluto_grid_plus: ^8.4.3

OS
web

[stan-at-work]

@TimoSchmuck I'l check it out

[stan-at-work]

@TimoSchmuck I fixed the bug

The issue was that the PlutoGridEventType.debounce was blocking your second event.

I’ve made it configurable, and the default is now set to PlutoGridEventType.normal, which means no transformer is blocking your events.

I’ve also updated all other references that were using PlutoGridEventType.debounce to ensure no side effects occur as a result of this change..

---

You can test it with this code (AFTER MY PR IS MERGED)

import 'package:flutter/material.dart';
import 'package:pluto_grid_plus/pluto_grid_plus.dart';

class EmptyScreen extends StatefulWidget {
  static const routeName = 'empty';

  const EmptyScreen({super.key});

  @override
  _EmptyScreenState createState() => _EmptyScreenState();
}

class _EmptyScreenState extends State<EmptyScreen> {
  late List<PlutoColumn> columns;

  late List<PlutoRow> rows;

  late PlutoGridStateManager stateManager;

  @override
  void initState() {
    super.initState();

    columns = [
      PlutoColumn(
        title: 'column1',
        field: 'column1',
        type: PlutoColumnType.text(),
      ),
      PlutoColumn(
        title: 'column2',
        field: 'column2',
        type: PlutoColumnType.text(),
      ),
      PlutoColumn(
        title: 'column3',
        field: 'column3',
        type: PlutoColumnType.text(),
      ),
    ];

    rows = [
      for (int i = 1; i <= columns.length; i++)
        PlutoRow(
          cells: {
            'column1': PlutoCell(value: 'column${i + 1}'),
            'column2': PlutoCell(value: 'column${i + 2}'),
            'column3': PlutoCell(value: 'column${i + 3}'),
          },
        ),
    ];
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        actions: [
          TextButton.icon(
            label: Text('Clear filter'),
            onPressed: () {
              stateManager.eventManager!.addEvent(
                PlutoGridClearColumnsFilterEvent(columns: columns),
              );
            },
            icon: Icon(Icons.clear),
          ),
          TextButton.icon(
            label: Text('Set filter'),
            onPressed: () {
              stateManager.eventManager!.addEvent(
                PlutoGridChangeColumnFilterEvent(
                  column: columns[1],
                  filterType: const PlutoFilterTypeContains(),
                  filterValue: 'column3',
                ),
              );
              stateManager.eventManager!.addEvent(
                PlutoGridChangeColumnFilterEvent(
                  column: columns[0],
                  filterType: const PlutoFilterTypeContains(),
                  filterValue: 'column2',
                ),
              );
            },
            icon: Icon(Icons.add),
          )
        ],
      ),
      body: SafeArea(
        child: Container(
          padding: const EdgeInsets.all(15),
          child: PlutoGrid(
            columns: columns,
            rows: rows,
            onChanged: (PlutoGridOnChangedEvent event) {
              print(event);
            },
            onLoaded: (PlutoGridOnLoadedEvent event) {
              stateManager = event.stateManager;
            },
          ),
        ),
      ),
    );
  }
}

[stan-at-work]

@doonfrs Could you look at the PR for this ?

#111

[TimoSchmuck]

Hi, thank you for your quick response. I will check it out as soon as the new version is going live!

[github-actions]

This issue is stale because it has been open for 30 days with no activity.

[stan-at-work]

@doonfrs Could you close this ?

[timo-schmuck-bens]

Hi,
thank you @stan-at-work I managed to get the master branch from pluto-grid-plus working on my project. Now the filter values are all shown in the filter widgets. So that is working. Many thanks for that!

One thing that is puzzling me is that after I fired the events

WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
      stateManager!.eventManager!.addEvent(
        PlutoGridChangeColumnFilterEvent(
            column: column[0],
            filterType: const PlutoFilterTypeContains(),
            filterValue:  'columnFilter0'
            debounceMilliseconds:
                stateManager!.configuration.columnFilter.debounceMilliseconds),
        );
        stateManager!.eventManager!.addEvent(
          PlutoGridChangeColumnFilterEvent(
              column: column[1],
              filterType: const PlutoFilterTypeContains(),
              filterValue: 'columnFilter1',
              debounceMilliseconds:
                  stateManager!.configuration.columnFilter.debounceMilliseconds),
        );
});

the fetch method is not called again. So even if the user sees the filter value, the data shown in the pluto grid is not filtered by filter values. How can I programatically force the pluto_grid to fetch() again?

[timo-schmuck-bens]

Any updates when this will be rolled out?