title: jqGrid filterToolbar with local data
body: <p>I have a jQgrid that loads data initially via an ajax call from backend(java struts). Again, this is one time load and once loaded, the jqGrid should operate on the data available locally. 
  Initially, datatype:json and once loadcomplete, set datatype:local.</p>
  
  <p>Now is there a way to use filterToolbar for <strong>local datatype</strong> with the following options in free jqgrid;</p>
  
  <ol>
  <li>autocomplete enabled in the toolbar </li>
  <li>excel like filtering options </li>
  </ol>
  
  <p>Jqgrid Options:</p>
  
  <pre class="lang-js prettyprint-override"><code>jQuery("#listTable").jqGrid({
      url:'/WebTest/MainAction.do',
      datatype: "json",
      colNames: ['Label','Value'],
      colModel: [
          {name:'label',index:'label',width: 40,search:true, stype:'text',sorttype:'int'},
          {name:'value',index:'value',width: 56,search:true, stype:'text',sorttype:'text'}
      ],
      autowidth: true,
      autoResizing: { compact: true, widthOfVisiblePartOfSortIcon: 13 },
      rowNum: 10,
      rowList: [5, 10, 20, "10000:All"],
      viewrecords: true,
      pager: true,
      toppager: true,
      rownumbers: true,
      sortname: "label",
      sortorder: "desc",
      caption: "Test 235",
      height: "200",
      search: true,
      loadonce: true,
      loadComplete: function (data) {
      },
      gridComplete: function(){ 
          jQuery("#listTable").jqGrid('setGridParam', { datatype: 'local' });
      }
  }) .jqGrid("navGrid", { view: true, cloneToTop: true})
  .jqGrid("filterToolbar")
  .jqGrid("gridResize");
  </code></pre>