Question

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

Answer 1

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