title: live integrated search toolbar in jqgrid
body: <p>I followed <a href="http://www.trirand.com/blog/jqgrid/jqgrid.html" rel="nofollow">jqgrid demos</a> (integrated Search toolbar) but I cannot make it work like it works in the demo, In the demo as soon as the user enters a character it triggers search but in my case I need to press enter and then it searches, where am i going wrong?</p>
  
  <p>Here is my code</p>
  
  <pre><code>$('#compareContent').empty();
          $('&lt;div id="compareParentDiv"&gt;'+
            '&lt;table id="list2" cellspacing="0" cellpadding="0"&gt;&lt;/table&gt;'+
                  '&lt;div id="gridpager3"&gt;&lt;/div&gt;&lt;/div&gt;')
          .appendTo('#compareContent');
  
          $("#compareParentDiv").hide();
  
          var gridDiff = $("#list2");
          gridDiff.jqGrid({
              datastr: compareData,
              datatype: "jsonstring",
              colNames: ['KeyName', 'SubCategory', starheader, header1,'isEqual'],
              colModel: [
                  { name: 'elementName', index: 'elementName', width: 150 },
                  { name: 'subCategory', index: 'subCategory', width: 1 },
                  { name: 'firstValue', index: 'firstValue', width: 300, jsonmap:'attribute.0.firstValue' },
                  { name: 'secondValue', index: 'secondValue', width: 300,jsonmap:'attribute.0.secondValue' },
                  { name: 'isEqual', index: 'isEqual', width: 1,hidden:true}
              ],
  
              pager: '#gridpager3',
              rowNum:50,
              scrollOffset:1,
              //viewrecords: true,
  
              //rownumbers: true,
              height: 320,
              autowidth:true,
              grouping: true,
              jsonReader: {
                  repeatitems: false,
                  page: function(){return 1;},
                  root: "response"
              },
  
              groupingView: {
                  groupField: ['subCategory'],
                  groupOrder: ['desc'],
                  //groupDataSorted : true,
                  groupColumnShow: [false],
                  //groupCollapse: true,
                  //groupText: ['&lt;b&gt;{0} - {1} Item(s)&lt;/b&gt;']
                  groupText: ['&lt;b&gt;{0}&lt;/b&gt;']
              },
  
              loadComplete: function() {
                  if (this.p.datatype !== 'local') {
                      setTimeout(function () {
                         gridDiff.trigger('reloadGrid');
                     }, 0);
                  } else {
                      $("#compareParentDiv").show();
                  }
  
                  var i, names=this.p.groupingView.sortnames[0], l = names.length;
                  for (i=0;i&lt;l;i++) {
                      if ($.inArray(names[i],grouping) &gt;= 0) {
                          $(this).jqGrid('groupingToggle',this.id+"ghead_"+i);
                      } else {
                          // hide the grouping row
                          $('#'+this.id+"ghead_"+i).hide();
                      }
                  }
  
                  var i, l, data = this.p.data, rows = this.rows, item;
                  l = data.length;
                  for (i=0;i&lt;l;i++) {
                      item = data[i];
                      if (!item.isEqual) {
                          $(rows.namedItem(item._id_))
                              .css({
                                  "background-color": "#FFE3EA",
                                  "background-image": "none"
                              });
                      }
                  }
              }
          });
          gridDiff.jqGrid('navGrid', '#gridpager3', { add: false, edit: false, del: false, search: false, refresh: false });
          gridDiff.jqGrid('navButtonAdd',"#gridpager3",{caption:"Toggle",title:"Toggle Search Toolbar", buttonicon :'ui-icon-pin-s',
              onClickButton:function(){
                  gridDiff[0].toggleToolbar();
              } 
          });
          gridDiff.jqGrid('navButtonAdd',"#gridpager3",{caption:"Clear",title:"Clear Search",buttonicon :'ui-icon-refresh',
              onClickButton:function(){
                  gridDiff[0].clearToolbar();
              } 
          });
          gridDiff.jqGrid('filterToolbar');
  </code></pre>
  
  <p>Here is my json</p>
  
  <pre><code>{
  "response": [
  {
    "id": "1",
    "elementName": "bitmode",
    "category": "Product",
    "subCategory": "Product",
    "isEqual": true,
    "isPrasentinXml1": true,
    "isPrasentinXml2": true,
    "isPrasentinXml3": false,
    "attribute": [
      {
        "name": "bitmode",
        "firstValue": "file: cannot open /home/asimon/java/AIXJAVA/java/bin/libssaiok.so\u000a",
        "secondValue": "file: cannot open /home/asimon/java/AIXJAVA/java/bin/libssaiok.so\u000a"
      }
    ]
  },
  {
    "id": "2",
    "elementName": "connectionserver",
    "category": "Product",
    "subCategory": "IIRServers",
    "isEqual": true,
    "isPrasentinXml1": true,
    "isPrasentinXml2": true,
    "isPrasentinXml3": false,
    "attribute": [
      {
        "name": "connectionserver",
        "firstValue": "/usr/bin/sh: null/ssasvck:  not found.\u000a",
        "secondValue": "/usr/bin/sh: null/ssasvck:  not found.\u000a"
      }
    ]
  },
  {
    "id": "3",
    "elementName": "consoleserver",
    "category": "Product",
    "subCategory": "IIRServers",
    "isEqual": true,
    "isPrasentinXml1": true,
    "isPrasentinXml2": true,
    "isPrasentinXml3": false,
    "attribute": [
      {
        "name": "consoleserver",
        "firstValue": "/usr/bin/sh: null/ssasvck:  not found.\u000a",
        "secondValue": "/usr/bin/sh: null/ssasvck:  not found.\u000a"
      }
    ]
  },
  {
    "id": "4",
    "elementName": "cpuspeed",
    "category": "System",
    "subCategory": "System",
    "isEqual": true,
    "isPrasentinXml1": true,
    "isPrasentinXml2": true,
    "isPrasentinXml3": false,
    "attribute": [
      {
        "name": "cpuspeed",
        "firstValue": " 4204 \u000a",
        "secondValue": " 4204 \u000a"
      }
    ]
  },
  {
    "id": "5",
    "elementName": "hostname",
    "category": "System",
    "subCategory": "System",
    "isEqual": false,
    "isPrasentinXml1": true,
    "isPrasentinXml2": true,
    "isPrasentinXml3": false,
    "attribute": [
      {
        "name": "hostname",
        "firstValue": "gcslpar2\u000a",
        "secondValue": "gcslpar1\u000a"
      }
    ]
  },
  {
    "id": "6",
    "elementName": "httpsearchserver",
    "category": "Product",
    "subCategory": "IIRServers",
    "isEqual": true,
    "isPrasentinXml1": true,
    "isPrasentinXml2": true,
    "isPrasentinXml3": false,
    "attribute": [
      {
        "name": "httpsearchserver",
        "firstValue": "/usr/bin/sh: null/ssasvck:  not found.\u000a",
        "secondValue": "/usr/bin/sh: null/ssasvck:  not found.\u000a"
      }
    ]
  },
  {
    "id": "7",
    "elementName": "licenseserver",
    "category": "Product",
    "subCategory": "IIRServers",
    "isEqual": true,
    "isPrasentinXml1": true,
    "isPrasentinXml2": true,
    "isPrasentinXml3": false,
    "attribute": [
      {
        "name": "licenseserver",
        "firstValue": "/usr/bin/sh: null/ssasvck:  not found.\u000a",
        "secondValue": "/usr/bin/sh: null/ssasvck:  not found.\u000a"
      }
    ]
  },
  {
    "id": "8",
    "elementName": "machine",
    "category": "System",
    "subCategory": "System",
    "isEqual": true,
    "isPrasentinXml1": true,
    "isPrasentinXml2": true,
    "isPrasentinXml3": false,
    "attribute": [
      {
        "name": "machine",
        "firstValue": "000CE082D900\u000a",
        "secondValue": "000CE082D900\u000a"
      }
    ]
  },
  {
    "id": "9",
    "elementName": "maxfilesperproc",
    "category": "System",
    "subCategory": "Kernel Parameters",
    "isEqual": false,
    "isPrasentinXml1": true,
    "isPrasentinXml2": true,
    "isPrasentinXml3": false,
    "attribute": [
      {
        "name": "maxfilesperproc",
        "firstValue": " 2000\u000a",
        "secondValue": " 8192\u000a"
      }
    ]
  },
  {
    "id": "10",
    "elementName": "maxthreadsperproc",
    "category": "System",
    "subCategory": "Kernel Parameters",
    "isEqual": false,
    "isPrasentinXml1": true,
    "isPrasentinXml2": true,
    "isPrasentinXml3": false,
    "attribute": [
      {
        "name": "maxthreadsperproc"
      }
    ]
  },
  {
    "id": "11",
    "elementName": "mempagesize",
    "category": "System",
    "subCategory": "Kernel Parameters",
    "isEqual": true,
    "isPrasentinXml1": true,
    "isPrasentinXml2": true,
    "isPrasentinXml3": false,
    "attribute": [
      {
        "name": "mempagesize",
        "firstValue": "4096\u000a",
        "secondValue": "4096\u000a"
      }
    ]
  },
  {
    "id": "12",
    "elementName": "numberofcpu",
    "category": "System",
    "subCategory": "System",
    "isEqual": true,
    "isPrasentinXml1": true,
    "isPrasentinXml2": true,
    "isPrasentinXml3": false,
    "attribute": [
      {
        "name": "numberofcpu",
        "firstValue": " 2\u000a",
        "secondValue": " 2\u000a"
      }
    ]
  },
  {
    "id": "13",
    "elementName": "osname",
    "category": "System",
    "subCategory": "System",
    "isEqual": true,
    "isPrasentinXml1": true,
    "isPrasentinXml2": true,
    "isPrasentinXml3": false,
    "attribute": [
      {
        "name": "osname",
        "firstValue": "AIX\u000a",
        "secondValue": "AIX\u000a"
      }
    ]
  },
  {
    "id": "14",
    "elementName": "release",
    "category": "System",
    "subCategory": "System",
    "isEqual": true,
    "isPrasentinXml1": true,
    "isPrasentinXml2": true,
    "isPrasentinXml3": false,
    "attribute": [
      {
        "name": "release",
        "firstValue": "1\u000a",
        "secondValue": "1\u000a"
      }
    ]
  },
  {
    "id": "15",
    "elementName": "rulebaseserver",
    "category": "Product",
    "subCategory": "IIRServers",
    "isEqual": true,
    "isPrasentinXml1": true,
    "isPrasentinXml2": true,
    "isPrasentinXml3": false,
    "attribute": [
      {
        "name": "rulebaseserver",
        "firstValue": "/usr/bin/sh: null/ssasvck:  not found.\u000a",
        "secondValue": "/usr/bin/sh: null/ssasvck:  not found.\u000a"
      }
    ]
  },
  {
    "id": "16",
    "elementName": "ssaname3server",
    "category": "Product",
    "subCategory": "IIRServers",
    "isEqual": true,
    "isPrasentinXml1": true,
    "isPrasentinXml2": true,
    "isPrasentinXml3": false,
    "attribute": [
      {
        "name": "ssaname3server",
        "firstValue": "/usr/bin/sh: null/ssasvck:  not found.\u000a",
        "secondValue": "/usr/bin/sh: null/ssasvck:  not found.\u000a"
      }
    ]
  },
  {
    "id": "17",
    "elementName": "ssaname3webserviceserver",
    "category": "Product",
    "subCategory": "IIRServers",
    "isEqual": false,
    "isPrasentinXml1": true,
    "isPrasentinXml2": true,
    "isPrasentinXml3": false,
    "attribute": [
      {
        "name": "ssaname3webserviceserver",
        "firstValue": "/usr/bin/sh: null/ssasvck:  not found.\u000a",
        "secondValue": "/usr/bin/sh: null/ssasvck:  not found.\u000a"
      }
    ]
  },
  {
    "id": "18",
    "elementName": "version",
    "category": "System",
    "subCategory": "System",
    "isEqual": true,
    "isPrasentinXml1": true,
    "isPrasentinXml2": true,
    "isPrasentinXml3": false,
    "attribute": [
      {
        "name": "version",
        "firstValue": "6\u000a",
        "secondValue": "6\u000a"
      }
    ]
  },
  {
    "id": "19",
    "elementName": "xmlconsoleserver",
    "category": "Product",
    "subCategory": "IIRServers",
    "isEqual": true,
    "isPrasentinXml1": true,
    "isPrasentinXml2": true,
    "isPrasentinXml3": false,
    "attribute": [
      {
        "name": "xmlconsoleserver",
        "firstValue": "/usr/bin/sh: null/ssasvck:  not found.\u000a",
        "secondValue": "/usr/bin/sh: null/ssasvck:  not found.\u000a"
      }
    ]
  },
  {
    "id": "20",
    "elementName": "xmlsearchserver",
    "category": "Product",
    "subCategory": "IIRServers",
    "isEqual": true,
    "isPrasentinXml1": true,
    "isPrasentinXml2": true,
    "isPrasentinXml3": false,
    "attribute": [
      {
        "name": "xmlsearchserver",
        "firstValue": "/usr/bin/sh: null/ssasvck:  not found.\u000a",
        "secondValue": "/usr/bin/sh: null/ssasvck:  not found.\u000a"
      }
    ]
  },
  {
    "id": "21",
    "elementName": "xmlsyncserver",
    "category": "Product",
    "subCategory": "IIRServers",
    "isEqual": true,
    "isPrasentinXml1": true,
    "isPrasentinXml2": true,
    "isPrasentinXml3": false,
    "attribute": [
      {
        "name": "xmlsyncserver",
        "firstValue": "/usr/bin/sh: null/ssasvck:  not found.\u000a",
        "secondValue": "/usr/bin/sh: null/ssasvck:  not found.\u000a"
      }
    ]
  }
  ],
  "xls_path": "\\csm\\files\\comparefiles\\compare_output.xls"
  }
  </code></pre>