jquery - 如何以编程方式选择 JQGrid 的顶行？

Question

如何以编程方式选择 JQGrid 的顶行。我希望在页面上打开第一行时已经选择了它。我的网格按描述性列排序，因此第一行的 id 可以是任何数字。我知道使用方法我只是不知道如何获取顶部（第一）行的 rowid。方法是：

jQuery("#mygrid").setSelection(rowid, true);

Answer 1

上面的答案很接近，但案例已关闭。它应该是：

$("#mygrid").getDataIDs()[0];

那应该可以正常工作。

Answer 2

或者，不使用 jqGrid API，您应该能够通过导航 DOM 来检索顶行：

var top_rowid = $('#mygrid tbody:first-child tr:first').attr('id');

Answer 3

jqGrid 支持一个setSelection只需要正确调用的方法：

var grid = jQuery("#mygrid"),
    ids = grid.jqGrid("getDataIDs");
if(ids && ids.length > 0)
    grid.jqGrid("setSelection", ids[0]);

Answer 4

 $("#mygrid").getDataIDs()[0]; // SO now requires 30 characters, so....

Answer 5

表格有标题行时的完整代码：

var top_rowid = $('#mygrid tr:nth-child(2)').attr('id'); 
$("#mygrid").setSelection(top_rowid, true);

Answer 6

我使用了以下内容：

var grid = $('#list');
grid.jqGrid({
    ...
    gridComplete: function() {
        var ids = grid.jqGrid("getDataIDs");
        if(ids.length > 0) { 
            grid.jqGrid("setSelection", ids[0]);
        }
    },
    ...
});

Answer 7

当您有标题行时，请尝试以下操作：

var top_rowid = $('#mygrid tbody:first-child tr:nth-child(2)').attr('id');

Answer 8

如果你有标题行试试这个：

$('#tb_par tbody:first-child tr:nth-child(2)').trigger("click");

如果不是：

$('#mygrid tbody:first-child tr:first').trigger("click");

它将直接触发 JqGrid 的点击事件。