jqGrid - 添加行访问按钮等ms访问

时间:2015-06-23 15:11:25

标签: jquery jqgrid

我可以使用jqGrid中的内置行导航按钮吗?我尝试查看jqGrid文档,并在此处查看。似乎没有什么能给我任何解决方案。

我想要的例子。

Access image

编辑这些按钮的行为就像这样。按下下一个按钮时,应选择下面的行。

enter image description here

因此,当用户按下下一个按钮时,将选择下一行,直到到达行的末尾。

那么有没有内置按钮这样做,还是我必须编写自己的自定义按钮?如果是这样的话,将会对这个提醒感到高兴。

1 个答案:

答案 0 :(得分:3)

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);
    }
});

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