【问题标题】:jqgrid not refreshing on ajax calljqgrid在ajax调用时不刷新
【发布时间】:2015-01-24 08:17:26
【问题描述】:

我在刷新 jqgrid 时遇到问题。 尝试了很多东西,但仍然没有解决方案。 我想在从服务器端获取 json 数据后刷新网格。 这是我为刷新 jqgrid 所做的工作。

$("#searchButton").on("click",function(){
var url = contextPath+"/patient/fetchPatients?firstName="+$("#firstName").val()+"&lastName="+$("#lastName").val()+"&diagnosis="+$("#diagnosis :selected").val();    
jQuery("#searchedPatientGrid").setGridParam({datatype:'json',url:url}).trigger('reloadGrid');
});

这是我的 jqgrid 配置代码。

jQuery("#searchedPatientGrid").jqGrid({
datatype: "json",
colNames:['id','Firsr Name','Last Name','MObile Number','Action'],
colModel:[
    {name:'id',index:'id', width:100},
    {name:'firstName',index:'firstName', width:100},
    {name:'lastName',index:'lastName', width:100},
    {name:'mobileNumber',index:'mobileNumber', width:100},
    {name:'operationDetails.operationDone',index:'operationDetails.operationDone', width:100}

],
rowNum:10,
rowList:[10,20,30],
pager: '#gridPager',
sortname: 'id',
"width":"900",
"gridview":true,
viewrecords: true,
sortorder: "desc",
loadonce: false,
caption:"Patient Search Result"
});

当我第一次点击按钮时,它会点击服务器并在网格中加载数据,但是当我再次点击搜索按钮时,它不会点击服务器获取数据。我不知道为什么会这样。即使我在配置中提到,loadOnce:false。如果我点击搜索按钮,它应该会点击服务器。

【问题讨论】:

    标签: javascript jquery jqgrid


    【解决方案1】:

    我可以猜到,默认情况下,如果您不指定 jqgridmtype 参数,它会在向服务器发送请求时使用 POST,因此您的 URL 参数可以不发送。

    我认为你可以尝试使用这样的东西:

        $("#searchButton").on("click", function () {
            var url = contextPath + "/patient/fetchPatients";
            var postData =
                {
                    firstName: $("#firstName").val(),
                    lastName: $("#lastName").val(),
                    diagnosis: $("#diagnosis :selected").val()
                }
        });
    
        $("#searchedPatientGrid").trigger('reloadGrid',
            [
                {
                    datatype: 'json',
                    url: url,
                    postData: postData
                }]);
    

    有关如何使用其他参数重新加载 jqgrid 的更多信息,您可以查看@Oleg answer

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2010-11-22
      • 2018-12-30
      相关资源
      最近更新 更多