How to get all the data in slickgrid when the user clicks on the slick-header-menuitem. Drop-down list?

Question

I have a user interface application to display business information. I used the slick grid to display all the business data in a table / grid using all the built-in slick grid properties. I used the filter property to filter data by each column.

But I have the condition that I get 1k of data from the Azure storage table and I set pageSize to 10 and I pass pageSize to set the pagination in dataView.setPagingOptions ({pageSize: pageSize}); When we click on slick-header-menuitem in the drop-down list, it displays (Sort Ascending, Sort Descending, Search and Data, any meshes containing on (filter div)).

Now, when I click on this checkbox to filter the data no matter what data I need to filter, they will filter this data without any problems. Everything works fine here, as here in my drop-down list of filters. I have 4 options, for example (Select All, Blank, IT, USA, USA), which is shown in the image below.

But the problem starts here when I click on the slick-header-menuitem element again after the filter drop-down list (filter div) displaying some data like (Select All, Blank, IT, USA, USA, United States, US), because that I filtered the data (IT), so in the grid I have the entire data filter and get the data from the 1k records, but it will also get the data added to the div filter options that were not there before.

for refrence my grid looks something like this (below url) except search and pagination

http://danny-sg.imtqy.com/slickgrid-spreadsheet-plugins/examples/example-2-everything.htm

I also attach two images

The first image indicates when I click the first time on the slick-header-menuitem drop-down list.

, slick-header-menuitem .

slickgrid, , , ext.headerfilter.js , getFilterValues ​​(dataView, column) {...} "," function getFilterValuesByInput ($ input) {...} "" function getAllFilterValues ​​(, ) {...} ", , .

Answer 1

, , slick-grid, , , ext.headerfilter.js , getFilterValues ​​() getFilterValuesByInput ($ input), , getFilterValues ​​() getFilterValuesByInput ($ input)

function getFilterValues(dataView, column) {
            var seen = [];
           // for (var i = 0; i < dataView.getLength() ; i++) {
            for (var i = 0; i < dataView.getItems().length ; i++) { 
               // var value = dataView.getItem(i)[column.field];
                var value = dataView.getItems()[i][column.field];

                if (!_.contains(seen, value)) {
                    seen.push(value);
                }
            }


            return _.sortBy(seen, function (v) { return v; });
        }

getFilterValuesByInput ($ input)

function getFilterValuesByInput($input) {
            var column = $input.data("column"),
                filter = $input.val(),
                dataView = grid.getData(),
                seen = [];

           // for (var i = 0; i < dataView.getLength() ; i++) {
            for (var i = 0; i < dataView.getItems().length ; i++) { 
               // var value = dataView.getItem(i)[column.field];
                var value = dataView.getItems()[i][column.field];

                if (filter.length > 0) {
                    var mVal = !value ? '' : value;
                    var lowercaseFilter = filter.toString().toLowerCase();
                    var lowercaseVal = mVal.toString().toLowerCase();
                    if (!_.contains(seen, value) && lowercaseVal.indexOf(lowercaseFilter) > -1) {
                        seen.push(value);
                    }
                }
                else {
                    if (!_.contains(seen, value)) {
                        seen.push(value);
                    }
                }
            }

            return _.sortBy(seen, function (v) { return v; });
        }