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/Y H:i:s', newformat:'d/m/Y H: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");

引用：clearing-my-form-inputs-after-submission

Answer 2

您遇到的问题是jqGrid设置中的参数

loadonce: true

此设置在第一次创建网格后自动将数据类型设置为本地。

为了继续向服务器发送请求，您需要删除此设置或将其设置为false

loadonce : false;

有关jqGrid参数的更多信息，您可以在我们的new documentation here

中看到

jQuery-搜索按钮始终获得与首次点击事件相同的数据

2 个答案: