mettre la liste déroulante pour la recherche dans la grille

Question

J'ai une grille qui a des zones de texte pour la recherche. Pour le client, je voudrais ajouter une baisse au lieu d'une zone de texte. Aucune suggestion? Merci

 <table id="customer_list" class="scroll jqTable" cellpadding="0" cellspacing="0"></table> 
     <!-- pager will hold our paginator --> 
     <div id="customer_list_pager" class="scroll" style="text-align:center;"></div> 
<script type="text/javascript"> 
     /* when the page has finished loading.. execute the follow */ 
     $(document).ready(function() { 
      jQuery("#customer_list").jqGrid({ 
       url:'jq_customer_list', 
       datatype: "json", 
       colNames:['Customer','Application','Location','Product','id'], 
       colModel:[ 
       {name:'Customer'}, 
       {name:'Application'}, 
       {name:'Location'}, 
       {name:'Product'}, 
       {name:'id', hidden:true} 
       ], 
       rowNum:1, 
       rowList:[1,2,3,4], 
       pager: jQuery('#customer_list_pager'), 
       viewrecords: true, 
       gridview: true 
      }); 
      $("#customer_list").jqGrid('filterToolbar',{autosearch:true}); 
     }); 
     </script> 

Answer 1

ajouter juste

{name:'location',stype:'select', searchoptions: {value:':All;USA:USA;Canada:Canada;Carribean:Carribean;USPacific:USPacific;'}}, 

Et vous obtenez votre menu déroulant