复选框上的JS网格过滤器

Question

I have a JSGRID where I implemented filtering like this:

    criteria = filter;
    var d = $.Deferred();               
                if (DATA) {
                var filteredData = $.grep(DATA, function(item, idx) {
                    for (var key in filter) {
                        var value = filter[key].toLowerCase();
                        if (value.length > 0) {
                            if (((item[key]).toString()).toLowerCase().indexOf(value) == -1)
                                return false;
                        }
                    }
                    return true;
                });
                d.resolve(filteredData);  
                return d.promise();

DATA is a local copy of my json object (to save a trip to the server when I only want to filter).

This all is working fine but now I added a checkbox field to the grid. Now when I filter I get an error: " Object doesn't support property or method 'toLowerCase'"

I guess I try to lowercase a (type) checkbox field. I cannot find out how to change my code so the filtering works on all kind of fields.

Can someone help me out?

Answer 1

 var filteredData = $.grep(DATA, function(item, idx) { for (var key in filter) { var value = filter[key] if(typeof value === "string"){ if (value.length > 0 && item[key].toString().toLowerCase().indexOf(value.toLowerCase()) === -1){ return false; } } else { if(value === undefined){ } else if(value){ //checkbox is checked //do something to compare the value to the label/name } else { //checkbox is false } } } return true; }) 

Answer 2

This is my working code:

 loadData: function(filter) {    
            criteria = filter;
            var d = $.Deferred();               
                            if (DATA) {
                var filteredData = $.grep(DATA, function(item, idx) {
                    for (var key in filter) {
                        if(typeof filter[key] === "string"){
                            var value = filter[key].toLowerCase();
                            if (value.length > 0) {
                                if (((item[key]).toString()).toLowerCase().indexOf(value) == -1)
                                    return false;
                            }
                        }
                        else{
                            var value2 = filter[key]
                            if (filter[key] === undefined){
                                return true;
                            }
                            else if (item[key] != value2) {
                                return false;
                            }
                        }
                    }
                    return true;
                });
                d.resolve(filteredData);  
                return d.promise();
            }

If filter[key] is undefined there is no filter on the checkbox so all records have to be shown. I have to figure out what to do when other field types are in the grid (integers or date or....) So my solution might not be the best yet.