jqGrid - 添加 ms 访问，如行导航按钮答案

【问题标题】：jqGrid - Add ms access like row navigation buttonsjqGrid - 添加 ms 访问，如行导航按钮
【发布时间】：2015-06-23 15:11:24
【问题描述】：

我可以使用 jqGrid 中的任何内置行导航按钮吗？我尝试查看 jqGrid 文档和此处的 SO。似乎没有什么能给我任何解决方案，甚至接近。

我想要的示例。

EDIT 这些按钮的行为是这样的。在按下下一个按钮时，应选择下面的行。

所以当用户按下下一个按钮时，会选择下一行，直到到达行尾。

那么是否有任何内置按钮可以这样做，还是我必须编写自己的自定义按钮？如果是这样，我们将不胜感激。

【问题讨论】：

jqGrid 的默认寻呼机导航按钮看起来已经和你的图片差不多了。可以将寻呼机放在网格的底部，两个位置的顶部。与您的图片唯一不同的是字段“1 of 31”，它在 jqGrid 上看起来有点不同。我不确定您对导航按钮的确切要求是什么。
嗨@Oleg。那就是您正在谈论的寻呼机，用于浏览页面。我想要行导航器按钮，按下时将在整个网格中上下遍历并选择一行。我会更新我的问题以便更好地向您解释。

标签： jquery jqgrid

【解决方案1】：

var gn = grid.navGrid("#pager",{edit:false,add:false,del:false,search:false,refresh:false}); //where 'grid' is the grid object and '#pager' is the pager element.
gn.navButtonAdd("#pager",{
    id: "customButton",
    caption:"Next Row",
    onClickButton: function(){ 
        var selectedRow = grid.getGridParam('selrow');
        if (selectedRow == null) return;
        var ids = grid.getDataIDs();
        var index = grid.getInd(selectedRow);
        if (ids.length < 2) return;
        index++;
        if (index > ids.length) index = 1;
        grid.setSelection(ids[index - 1], true);
    }
});

根据您的需要设置按钮样式。

【讨论】：