mode change not working "OR" and "AND"

[sshede]

Hi,

I tryed your example but not working mode change.

I have below changes in your exmplae - "Local header filtering".
 1) Add html part

<select id="andOrFunc"><option>Select Mode</option><option value="OR">OR</option><option value="AND">AND</option></select>

2) javascript

$(document).on("change","#andOrFunc", function(){
         var grid=$grid.pqGrid("getInstance").grid;
         grid.filter({ oper: 'replace', on: true, mode:"OR" });
      })

[paramvir]

Code: [Select]

$("#andOrFunc").on('change', function(evt){
       var mode = $(evt.target).val();
       grid.option('filterModel.mode', mode);
      grid.filter({ mode: mode  });
    })

Please check this jsfiddle.

https://jsfiddle.net/myzqugvn/