Forums

        myDataTable.filterTable = function(columnName, value) {

                       var recordSet = this.getRecordSet();

                       //Create a cache of the original record set
                       if(!this.origRecordSet) {
                               this.origRecordSet = new Array();
                               for(i=0;i<recordSet.getLength();i++) {
                                       this.origRecordSet[i] = recordSet.getRecord(i).getData();
                               }
                       }

                       //Determine if filter fields have any text or not.
                       //skip 1 char or less because we are doing indexOf to filter
                      //and that won't filter much with 1 char
                      //You could do > 0 here if you wanted to do 1 char filtering
                       var allClear = true;
                       if(value.length>1){ allClear = false; }

                       var temp = null;
                       //If no text in any field filters then pass through the original set
                       if(allClear) {
                               temp = this.origRecordSet;
                       }else { //Otherwise, find what we need to filter
                               temp = new Array();
                               var idx = 0;
                               for(i=0;i<this.origRecordSet.length;i++) {

                                       var record = this.origRecordSet[i];

                                       //For one column filter at a time...
                                       var dataValue = record[columnName];
                                       if(dataValue && dataValue.toLowerCase().indexOf(value)>=0){
                                               temp[idx] = record;
                                               ++idx;
                                       }
                               }
                       }


                       this.deleteRows(0, recordSet.getLength());
                       this.addRows(temp);

               };



               myDataTable.doBeforeSortColumn = function(oColumn , sSortDir) {
                       this.origRecordSet = null; //Order changed so we need to refresh our "cache"
               };

               myDataTable.doBeforeLoadData = function(oColumn , sSortDir) {
                       this.origRecordSet = null; //New data so we need to refresh our "cache"
               };

               myDataTable.filterTable = function(values) { //takes an array of strings to filter multiple cols

                       var recordSet = this.getRecordSet();

                       //Create a cache of the original record data
                       if(!this.origRecordSet) {
                               this.origRecordSet = new Array();
                               for(i=0;i<recordSet.getLength();i++) {
                                       this.origRecordSet[i] = recordSet.getRecord(i).getData();
                               }

                       }

                       //Determine if filter fields have any text or not to skip processing below if we can.
                       var allClear = true;
                       //if(value.length>1){ allClear = false; }
                       //Next few lines are if trying to filter multiple fields at once
                       for(i=0;i<values.length;i++) {
                               if(values[i].length>=1){ allClear = false; break; }
                       }

                       var temp = null;
                       //If no text in any field filters then pass through the original set
                       //Maybe this helps performance, maybe it doesn't, you decide
                       if(allClear) {
                               temp = this.origRecordSet;
                       }else { //Find what we need to filter
                               temp = new Array();
                               var idx = 0;
                               for(i=0;i<this.origRecordSet.length;i++) {

                                       var record = this.origRecordSet[i];

                                       var allMatch = true; //All column filters have to match to keep record
                                       for(j=0;j<this.filterFieldNames.length;j++) {
                                               var dataValue = record[this.filterFieldNames[j]];

                                               //The toString() may not be necessary for you.
                                              //The example I chose as my base example had an array of colors
                                               if(dataValue && dataValue.toString().
                                                              toLowerCase().indexOf(values[j])>=0){
                                                       //Do nothing here because we match and allMatch==true initially
                                               }else {
                                                       allMatch=false;
                                                       break;
                                               }
                                       }

                                       if(allMatch) {
                                               temp[idx] = record;
                                               ++idx;
                                       }
                               }
                       }


                       this.deleteRows(0, recordSet.getLength());
                       this.addRows(temp);

               };



               myDataTable.doBeforeSortColumn = function(oColumn , sSortDir) {
                       this.origRecordSet = null; //Reset order means use new cache
               };

               myDataTable.doBeforeLoadData = function(oColumn , sSortDir) {
                       this.origRecordSet = null; //New data means use new cache
               };


               //The functions and vars below are to get the colums (keys) and values
               //to filter you could do this many different ways.  This is just from my
               //quick and dirty test example to get it working.
               myDataTable.getFilterValues = function() {

                       //Get from your textfields the values to filter
                       var fieldValues = new Array();
                       fieldValues[0] = document.getElementById("addressFilter").value;
                       fieldValues[1] = document.getElementById("cityFilter").value;
                       fieldValues[2] = document.getElementById("stateFilter").value;
                       fieldValues[3] = document.getElementById("activeFilter").value;
                       fieldValues[4] = document.getElementById("colorsFilter").value;

                       return fieldValues;
               };

               myDataTable.getFilterFields = function() {
                       var fieldNames = new Array();
                       fieldNames[0] = "address";   //these values are keys in the columnDefs
                       fieldNames[1] = "city";
                       fieldNames[2] = "state";
                       fieldNames[3] = "active";
                       fieldNames[4] = "colors";
                       return fieldNames;
               };

               myDataTable.filterFieldNames = myDataTable.getFilterFields();