最近几天我一直在撕扯我的头发。就像问题的快速概述一样。我正在使用 JqGrid 4.2.0(撰写本文时的最新版本)。在一个页面中，我有两个网格。左边的一个，希望充当导航员。我想在右侧网格上加载数据，其中的数据由在左侧单击的项目的行 ID 确定。

我的问题是第一个选择的行 ID 被“卡住了”，并且将来所有的 ajax 调用都是相同的相同 rowid(例如:如果第一个选择的行是 514，则所有其他选择的行将在 ajax 调用中输出 514加载另一个网格，如果第一个选择的是 513，所有其他的都是 513，等等)

我怀疑这可能是某种变量交叉或某些变量，例如我在整个执行过程中放置​​了用于测试的警报调用，它们都发出正确的 ID 号警报，直到加载下一个网格时，此时行 ID 变为错误的那个。

下面是我的代码:

第一段是左侧的初始列表，带有 OnSelectRow 调用，第二段代码用于右侧的数据网格，它实际保存数据)

renderImportsList = function(url, data, firstrow) {
var cnames = data.names;
var cmodel = data.model;
currentrow = firstrow;
$("#imports_grid").jqGrid({
    url: url + "&type=list",
    //caption: "Imports",
    datatype: "json",
    colNames: cnames,
    colModel: cmodel,
    recordtext: "<b>Imports: {1}</b>",
    autowidth: true,
    rowNum: 10000,
    toolbar: [true,"top"],
    pager: "#imports_grid_pager",
    pgbuttons: false,
    pginput: false,
    viewrecords: true,
    multiselect: false,
    sortorder: "desc",
    sortable: true,
    onSelectRow: function(rowid) {
        if (rowid != firstrow) {
            if ($("#" + firstrow).hasClass("ui-state-highlight"))
                $("#" + firstrow).removeClass("ui-state-highlight")
        }
        setTimeout(function() { 
            // Display import items
            var itype = "checkpoint";
                            alert(rowid); // This returns the right row ID so far
            renderImportItems(url, rowid, itype);
        }, 500);
    },
    loadComplete: function() {
        $("#imports_grid tr").css("border-color", "#666");
        $("tr.jqgroup").css("background", "#e9efff");
        $("tr.jqfoot").css("background", "#ced5e9");
        $("#imports_grid tr.jqfoot td").css("border-right", "none");
        $("#t_imports_grid").css("padding-bottom", "3px");
        $("#imports_grid").setSelection(firstrow, true);
        $("#imports_grid").trigger("reloadGrid"); // Call to fix client-side sorting
    }
});     
$("#imports_grid").jqGrid('navGrid','#imports_grid_pager',{edit:false,add:false,del:false,search:false});
$("#imports_grid").trigger("reloadGrid"); // Call to fix client-side sorting
sizeGrid("imports_grid");

这部分执行的很好，这个阶段的rowid是我点击的，根据上面的alert。下面是从上面函数的 OnSelectRow 内部调用的第二个函数。

renderImportItems = function(url, rowid, itype) {
$.ajax({
    url: srvrname + "applications/PMS/views/view/imports/" + itype + ".php",
    success: function(data) {
        var cnames  = data.names;
        var cmodel  = data.model;
                    alert(rowid); // Here, the code still executes the right row ID
        $("#checkpoint_grid").jqGrid({
            url: url + "&rid=" + rowid + "&type=" + itype,
            // This is where it breaks. No matter what, I keep getting rowid to equal whichever row was selected the very first time the grid was clicked (or loaded programatically onload)
            datatype: "json",
            colNames: cnames,
            colModel: cmodel,
            recordtext: "<b>Total: {1}</b>",
            autowidth: true,
            rowNum: 500,
            pager: "#" + itype + "_grid_pager",
            pgbuttons: false,
            pginput: false,
            viewrecords: true,
            multiselect: false,
            sortorder: "desc",
            sortable: true,
            loadComplete: function() {
                $("#" + itype + "_grid tr").css("border-color", "#666");
                $("tr.jqgroup").css("background", "#e9efff");
                $("tr.jqfoot").css("background", "#ced5e9");
                $("#" + itype + "_grid tr.jqfoot td").css("border-right", "none");
                $("#" + itype + "_grid").trigger("reloadGrid"); // Call to fix client-side sorting
            }
        }); 
        $("#" + itype + "_grid").jqGrid('navGrid','#' + itype + 'grid_pager',{edit:false,add:false,del:false,search:false});
        $("#" + itype + "_grid").trigger("reloadGrid"); // Call to fix client-side sorting
        sizeGrid(itype + "_grid");
    }
});

正如您在上面看到的:在第一个警报被调用的时间点；它仍然输出正确的 ID 号，但是一旦第二个网格被初始化； ID 返回到它在第一次调用时初始设置的任何值。

如能提供任何帮助，我们将不胜感激。如果有帮助，这里有一些 Firebug 输出来证明这个问题......

(出于隐私原因删除了域名)

(首次加载:程序化:选择的第一行 = 514) 响应://mydomain.com/views/view/grid.php?rid=514&type=checkpoint&_search=false&nd=1321336809180&rows=500&page=1&sidx=&sord=desc

(单击的行:选定的行 = 503) 响应://mydomain.com/views/view/grid.php?rid=514&type=checkpoint&_search=false&nd=1321336863994&rows=500&page=1&sidx=&sord=desc

(单击的行:选定的行 = 510) 响应://mydomain.com/views/view/grid.php?rid=514&type=checkpoint&_search=false&nd=1321336864848&rows=500&page=1&sidx=&sord=desc

最佳答案

我自己也遇到过同样的问题。我建议您在 onSelectRow 函数之外定义网格，并将数据类型设置为“本地”，并且只更改 onSelectRow 中每次加载之间发生变化的部分:

$("#checkpoint_grid").jqGrid('setGridParam', {
    url: null
}).jqGrid('setGridParam', {
    url: url + "&rid=" + rowid + "&type=" + itype,
    datatype: "json"
}).trigger("reloadGrid");

我通常使用 postData: null 执行此操作，但我认为潜在的问题是 jqGrid 缓存了一些网格参数。

关于php - JQGrid 使用 OnSelectRow 在另一个网格上加载数据，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8132189/