How to filter with multiple values in ui-grid? (angularjs)

Question

I'm trying to make a filter with passing multiple values for the filter but have only a single return.

field: 'name',
    filter: {
       condition: function(searchTerm, cellValue) {
        var strippedValue = (searchTerm).split(';');
        //console.log(strippedValue);
        for (i = 0; i < strippedValue.length; i++){
          if (cellValue.indexOf(strippedValue[i]) == -1)
            return false;    
          return true;
        }
        //return cellValue.indexOf(strippedValue) >= 0;
      }
    }, headerCellClass: $scope.highlightFilteredHeader

find the test code here http://plnkr.co/edit/UVDWfucjclXl4Ij9Ylm7?p=preview

What are you trying to accomplish ? what is the use case where you need more than one value for the filter ? and how are you planning to put in multiple values for say the name for example ? — Mostafa Berg
– Mostafa Berg, Commented May 6, 2015 at 19:40
I'm working on a contract management project which was created demand to make multiple filters in the search fields Ex: filter by "acrediaria; DNIT "must return values that contain the client" acrediaria "or" DNIT ". — Bruno Costa
– Bruno Costa, Commented May 7, 2015 at 16:04
This is solvable by using regex expressions which is already supported in the code you linked — Mostafa Berg
– Mostafa Berg, Commented May 9, 2015 at 14:27

Bruno Costa · Accepted Answer · 2015-05-12 13:39:13Z

4

Resolved, I made some adjustments to improve the code as well.

 condition: function(searchTerm, cellValue) {
    var separators = ['-', '/', ':', ';', ','];
    var strippedValue = searchTerm.split(new RegExp(separators.join('|'), 'g'));
    var bReturnValue = false;
    //console.log(strippedValue, "teste");
    for(iIndex in strippedValue){
        var sValueToTest = strippedValue[iIndex];
        sValueToTest = sValueToTest.replace(" ", "");
        if (cellValue.toLowerCase().indexOf(sValueToTest.toLowerCase()) >= 0)
            bReturnValue = true;
    }
    return bReturnValue;
}

Look code in link: http://plnkr.co/edit/UVDWfucjclXl4Ij9Ylm7?p=preview

answered May 12, 2015 at 13:39

Bruno Costa

511 silver badge6 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

collin visser · Accepted Answer · 2019-07-16 08:51:14Z

If someone needs a AND and not OR

filter: {
         condition:function(searchTerm, cellValue){          
                    if(cellValue===null){
                        return false;
                    }
                    let separators = [' ', '/', ':', ';', ','];
                    let strippedValue = searchTerm.split(new RegExp(separators.join('|'), 'g'));
                    let bReturnValue = false; 
                    let intNumFound = 0;
                    for(let iIndex in strippedValue){
                            let sValueToTest = strippedValue[iIndex];
                            sValueToTest = sValueToTest.replace(" ", "");
                            if (cellValue.toLowerCase().indexOf(sValueToTest.toLowerCase()) >= 0){
                            intNumFound++;
                            }
                            //bReturnValue = true;
                    } 
                    if(intNumFound>=strippedValue.length){
                        bReturnValue = true;
                    }
                    return bReturnValue;   
                }

Collectives™ on Stack Overflow

How to filter with multiple values in ui-grid? (angularjs)

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related