jqGrid - jak zresetować opcje wyszukiwania?

Question

Jak programowo "wyczyścić" opcje wyszukiwania za pomocą jqGrid multiple searching?

„Wyczyść” należy zapewnić nie filters są wysyłane do serwera i że pole wyszukiwania GUI nie zawierają żadnych kryteriów ..

Obecnie nazywając trigger("reloadGrid"). Przed reloadGrid chcielibyśmy wywołać metodę typu clearSearchCrieria(), aby nie zostały przekazane do serwera lub wyświetlone w polu wyszukiwania GUI.

??

Answer 1

kliknąć przycisk "Reset" try:

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

Answer 2

Aby zresetować filtry można zmodyfikować parametr jqGrid postData bezpośrednio. Możesz uzyskać do niego dostęp pod numerem $("#list").jqGrid('getGridParam','postData') lub $("#list")[0].p.postData. Jeśli filtr jest ustawiony, właściwości postData wyglądać jak następuje:

_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 

Aby zresetować właściwości można wykonać następujące

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

Jeśli używasz Advanced Searching zamiast Single Searching należy wyczyścić filters własność zamiast z searchField, searchOper i searchString.

Na koniec można nazwać $("#list").trigger("reloadGrid",[{page:1}]); przeładować siatka zawierać począwszy od numeru strony 1.

Answer 3

Można użyć następującej metody:

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

Ale jak Oleg zauważył, trzeba będzie aby użyć opcji recreateFilter:true w definicji jqgrid, jeśli chcesz również wyczyścić pole wyszukiwania jqgrid.

Answer 4

Jedynym sposobem mogę zrobić to dobrze - i jestem pewien, że to nie jest właściwa droga jest następujący:

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

gdzie ColNameX są imiona swoich kolumnach

Answer 5

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

Write enableClear:true w filterGrid

Answer 6

użytku

$ ("# ponownego td fresh_navGrid "). click();

Answer 7

To spowoduje zresetowanie wszystkich opcji wyszukiwania

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

Answer 8

I dodał zewnętrzny przycisk odświeżania, aby rozwiązać ten problem.

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}]);   

});

Dzięki/Pozdrawiam, 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"); 
     }); 

Ten działa Rest opcje wyszukiwania i odświeżyć jqGrid