Фильтр Wijmo Flexgrid из функции JS

Question

Я работаю с Wijmo FlexGrid в JavaScript и пытаюсь создать кнопки быстрого фильтра, чтобы применять фильтр к определенному столбцу при нажатии кнопки. Я хочу, чтобы другие фильтры столбцов остались без изменений.

Вот код, который я сейчас использую:

          $("#btnAvailable").click(function (event) {
        // Prevent the default action of the <a> tag (navigation)
        event.preventDefault();

        var flxStockGrid = wijmo.Control.getControl('#StockGrid');

        // Get the existing filter function
        var existingFilter = flxStockGrid.collectionView.filter;

        // Set the filter function on the grid's CollectionView
        flxStockGrid.collectionView.filter = function (item) {
            // If an existing filter is set, use it in addition to the new filter
            if (existingFilter) {
                return existingFilter(item) && item.StockStatus === 'AVAILABLE';
            } else {
                // If no existing filter is set, just use the new filter
                return item.StockStatus === 'AVAILABLE';
            }
        };

        // Refresh the collectionView to apply the filter
        flxStockGrid.collectionView.refresh();
    });

Он работает нормально, но у меня возникает проблема, если я использую две кнопки для одного столбца. Например, если я сделаю кнопки для США и Индии, как только я нажму «США», он отфильтрует США, но когда я нажму на Индию, появится пустая таблица. Что я делаю не так?