Search code examples
slickgrid

slickgrid + searching multiple column


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


Solution

  • 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;
                }