title: jqGrid toolbar search with autocomplete using json data
body: <p>I found the very nice demo by Oleg (http://www.ok-soft-gmbh.com/jqGrid/FillToolbarSearchFilter.htm) which shows a "jqGrid toolbar search with autocomplete using local data" but have trouble to get this to work for json via ajax. Is there a good reason why the autocomplete feature won't work - even if I force the grid to be local after loading?</p>
  
  <p></p>
  
  <pre><code>$(document).ready(function() {
  
      var mygrid = $("#mylist"),
      mygetUniqueNames = function(columnName) {
          var texts = mygrid.jqGrid('getCol',columnName), uniqueTexts = [],
              textsLength = texts.length, text, textsMap = {}, i;
          for (i=0;i&lt;textsLength;i++) {
              text = texts[i];
              if (text !== undefined &amp;&amp; textsMap[text] === undefined) {
                  // to test whether the texts is unique we place it in the map.
                  textsMap[text] = true;
                  uniqueTexts.push(text);
              }
          }
          return uniqueTexts;
      };
  
  
  
  
  
      mygrid.jqGrid({
              url:'autocompleteTest.php',
              datatype: "json",
              colNames:['name', 'City','stateCd'],
              colModel:[                      
                      {name:'name',index:'name',width:225, search: true},
                      {name:'City',index:'City',width:125},
                      {name:'stateCd',index:'stateCd',width:75},
                    ],
  
           rowNum: 100,
          loadonce : true,
           sortname: 'name',
          sortorder: 'desc',
           sortable: true,
          viewrecords: true,
          rownumbers: true,
          sortorder: "desc",
          ignoreCase: true,
          pager: '#mypager',
          height: "auto",
          caption: "How to use filterToolbar better with data from server"
      }).jqGrid('navGrid','#mypager',
                {edit:false, add:false, del:false, search:false, refresh:false});
  
      mygrid.jqGrid('setColProp', 'name',
              {
                  searchoptions: {
                      sopt:['bw'],
                      dataInit: function(elem) {
                          $(elem).autocomplete({
                              source:mygetUniqueNames('name'),
                              delay:0,
                              minLength:0
                          });
                      }
                  }
              });
  
      mygrid.jqGrid('filterToolbar',
              {stringResult:true, searchOnEnter:true, defaultSearch:"bw"});
  
      });
  </code></pre>