jQuery-搜索按鈕始終獲得與首次點擊事件相同的數據

Question

我想通過ajax調用從遠程數據庫中獲取數據。 我的搜索條件是最小日期，最大日期，可選類型，並且我有一個搜索按鈕。 我的問題是； 當我單擊搜索按鈕時，系統可以正常工作，但是如果我更改搜索條件並再次單擊搜索按鈕，則得到的是我第一次點擊的結果。 在這種情況下我該怎么辦？

非常感謝。

 $('#openDialog').dialog({height:400, width:545, autoOpen:false}); $('#objectTypeSelected').selectable(); $('#searchBtnObjects').click(function (evt) { searchBtnObjectsClick(); }); function searchBtnObjects() { var types = []; var begin = $("#minDate").val(); var end = $("#maxDate").val(); var selectedTypes = $(".ui-selected"); var typeString =""; for (var i = 0; i < selectedTypes.length; i++) { types[i] = $(".ui-selected")[i].id; typeString=typeString+$(".ui-selected")[i].id+","; } if (objectsTable != null) { var postData = { ajaxRequest:document.helper.getPageName(), directAjaxMode:true, types:typeString, begin:begin, end:end} objectsTable.jqGrid("setGridParam", {postData:postData}); objectsTable.trigger('reloadGrid'); } else{ objectsTable = $('#objectList').jqGrid({ datatype:'json', colModel:[ {name:"ID", label:messageDictionary["ID"], editable:false, formatter:cc_formatter, unformat:cc_unformatter, index:"ID"}, {name:"DATE", label:messageDictionary["DATE"], editable:false, formatter:'date', formatoptions:{srcformat:'d/m/YH:i:s', newformat:'d/m/YH:i:s'}, index:"DATE"} ], mtype:'POST', multiselect:true, pager:'#objectsPager', postData:{ ajaxRequest:document.helper.getPageName(), directAjaxMode:true, types:typeString, begin:begin, end:en}, url:'search/getObjects', jsonReader:{ repeatitems:false, cell:"", id:"id", userdata:"jsonModel", root:"rows" }, ignoreCase:true, height:80, autowidth: true, shrinkToFit:true, sortname:'ID', sortorder:"asc", loadonce:true, rowNum:30, rowList:[30, 50, 100], rownumbers:true, viewrecords:true } ); } } 

Answer 1

您將在獲得如下所示的搜索結果后立即清除字段。

$("form").trigger("reset");

請參閱： 提交后清除我的表單輸入

Answer 2

您遇到的問題是jqGrid設置中的參數

loadonce: true

第一次創建網格后，此設置會自動將數據類型設置為local。

為了繼續向服務器發出請求，您需要刪除此設置或將其設置為false

loadonce : false;

有關jqGrid參數的更多信息，請參見此處的新文檔。