jqGrid - come reimpostare le opzioni di ricerca?

Question

Utilizzo di jqGrid multiple searching come è possibile cancellare "programmaticamente" le opzioni di ricerca?

Il "chiaro" dovrebbe garantire l'assenza di filters vengono inviati al server e che la casella di ricerca GUI non contiene alcun criterio di ricerca ..

Attualmente stiamo chiamando trigger("reloadGrid"). Vorremmo chiamare un metodo di tipo clearSearchCrieria() prima di reloadGrid in modo che nessun filters venga passato al server o visualizzato nella casella di ricerca della GUI ..

??

Answer 1

cliccare sul tasto "reset" try:

$(".ui-reset").click(); 

Answer 2

Per ripristinare filtri è possibile modificare il parametro postData di jqGrid direttamente. È possibile accedervi con $("#list").jqGrid('getGridParam','postData') o $("#list")[0].p.postData. Se un filtro è impostato, le proprietà del postData assomigliano seguente:

_search  true   Boolean 
nd   1286296925096 Number 
page   1    Number 
rows   10    Number 
searchField "id"   String 
searchOper "lt"   String 
searchString "5"   String 
sidx   "id"   String 
sord   "desc"   String 

Per ripristinare le proprietà che si possono fare seguendo

var postdata = $("#list").jqGrid('getGridParam','postData'); 
postdata._search = false; 
postdata.searchField = ""; 
postdata.searchOper = ""; 
postdata.searchString = ""; 

Se si utilizza Advanced Searching invece di Single Searching si dovrebbe cancellare filters proprietà invece di searchField, searchOper e searchString.

Alla fine è possibile chiamare $("#list").trigger("reloadGrid",[{page:1}]); per ricaricare la griglia contiene inizia con il numero di pagina 1.

Answer 3

È possibile utilizzare il seguente metodo:

function clearSearchOptions(){ 
    $("#list").jqGrid('setGridParam', { search: false, postData: { "filters": ""} }).trigger("reloadGrid"); 
} 

Ma, come Oleg ha sottolineato, si avrà per utilizzare l'opzione recreateFilter:true nella definizione jqgrid se si desidera che anche la casella di ricerca jqgrid sia deselezionata.

Answer 4

L'unico modo ho potuto farlo bene - e sono sicuro che la sua non è la strada giusta è la seguente:

$("#grid").jqGrid('setGridParam', { postData: { filters: null} }); 
$("#gs_ColName1").val(""); 
$("#gs_ColName2").val(""); 

dove ColNameX sono i nomi delle colonne

Answer 5

$("#search").filterGrid("#list", { 
     gridModel: false, 
     enableSearch: true, 
     filterbutton: 'search_button', 
     enableClear:true, 
     filterModel: [{ 
      label: 'First Name', 
      name: 'search', 
      stype: 'text' 
     }); 

scrittura enableClear:true nel vostro filterGrid

Answer 6

uso solo

$ ("# td ri fresh_navGrid ") fare clic su().;

Answer 7

Sarà ripristinare tutte le opzioni di ricerca

$('input[id*="gs_"]').val(""); 

Answer 8

ho aggiunto pulsante di aggiornamento esterno per risolvere questo.

jgrid.jsp

<sj:submit id="grid_refreshbutton" value=" Refresh" button="true"/> 

jgrid.js

$(document).ready(function(){ 
jQuery("#grid_refreshbutton").click(function(){ 
    var postData = $("#gridtable").jqGrid('getGridParam','postData'); 
    $("#gridtable").jqGrid('setGridParam',{search:false});  
     $.extend(postData, { filters: "" }); 

     for (k in postData) { 
      if (k == "_search") 
       { postData._search = false;} 
      else if ($.inArray(k, ["nd", "sidx", "rows", "sord", "page", "filters"]) < 0) { 
        delete postData[k]; 
        ("#gs_" + $.jgrid.jqID(k), $("#gridtable").get(0).grid.hDiv).val(""); 
      } 
     } 
       $("#gridtable").trigger("reloadGrid", [{ page: 1}]);   

});

Grazie/Saluti, Khine lae

Answer 9

$("#resetFilterOptions").click(function(){ 
     $('input[id*="gs_"]').val(""); 
     $('select[id*="gs_"]').val("ALL"); 
     $("#list").jqGrid('setGridParam', { search: false, postData: { "filters": ""} }).trigger("reloadGrid"); 
     }); 

Questo funziona riposo Opzioni di ricerca e ricaricare il jqGrid