Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

slickgrid + searching multiple column

Tags:

slickgrid

how can i use slickGrid in my grails application for searching in multiple column at a time?

https://github.com/mleibman/SlickGrid/tree/master/examples

like image 852
sanghavi7 Avatar asked Mar 08 '26 08:03

sanghavi7


1 Answers

Here is code for searching on multi-column.

var dataView = new Slick.Data.DataView();
var slickGrid = new Slick.Grid($('#grid_div'), dataView, gridColumns, gridOptions);

$('#search').keyup(function(e) {
   // clear on Esc
   if (e.which == 27) {
      this.value = "";
       }

    var searchList = $.trim(this.value.toLowerCase()).split(' ');
    dataView.setFilter(gridFilter);  
    slickGrid.invalidate();
    this.focus();

});

function gridFilter (rec) {
                var found;

                for (i = 0; i < gridSearchList.length; i += 1) {
                    found = false;
                    $.each(rec, function(obj, objValue) {
                        if (typeof objValue !== 'undefined' && objValue != null 
                        && objValue.toString().toLowerCase().indexOf(gridSearchList[i]) != -1) {
                            found = true;
                            return false; //this breaks the $.each loop
                        }
                    });
                    if (!found) {
                        return false;
                    }
                }

                return true;
            }
like image 145
Niks Jain Avatar answered Mar 10 '26 16:03

Niks Jain



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!