jqGrid - 使用向上/向下箭头键导航行？

Question

是否可以使用向上和向下箭头键在行之间导航？

例如,如果选择了网格中的第一行并且用户按下"向下",我希望网格取消选择该行并选择网格中的下一行.

jqGrid论坛中有一篇关于此内容的文章,请访问http://www.trirand.com/blog/?page_id=393/help/navigate-arraw-keys/,但启用单元格编辑模式对我来说不是一个解决方案,因为它将导致许多其他不良网格行为.

Answer 1

从版本4.0开始,键盘导航最终被添加到jqGrid.

要开始使用,请转到演示页面并导航到Functionality| Keyboard navigation.

以下代码用于绑定向上/向下箭头键:

jQuery("#keynav").jqGrid('bindKeys');

但是,正如演示所示,您也可以传递选项来绑定其他键:

// Bind the navigation and set the onEnter event
jQuery("#keynav").jqGrid('bindKeys', {
       "onEnter" : function( rowid ) { 
                     alert("You enter a row with id:"+rowid)
       }
});

有关更多信息,请参阅文档wiki中的bindKeys方法.

Answer 2

$(document).keypress(function(e) {

if(e.keyCode == 40) { //down arrow
 $('#nextElementId').click();
}
if(e.keyCode == 38 { //up arrow
 $('#previousElementId'.click();
}

});

Answer 3

这仅在屏幕上有一个网格时才有效,因为它会覆盖文档级别的上/下键,但它是一个开始.

        $(document).keypress(function(e)
        {
            if(e.keyCode == 38 || e.keyCode == 40)  //up/down arrow override
            {
                var gridArr = $('#GridID').getDataIDs();
                var selrow = $('#GridID').getGridParam("selrow");
                var curr_index = 0;
                for(var i = 0; i < gridArr.length; i++)
                {
                    if(gridArr[i]==selrow)
                        curr_index = i;
                }

                if(e.keyCode == 38) //up
                {
                    if((curr_index-1)>=0)
                        $('#GridID').resetSelection().setSelection(gridArr[curr_index-1],true);
                }
                if(e.keyCode == 40) //down
                {
                    if((curr_index+1)<gridArr.length)
                        $('#GridID').resetSelection().setSelection(gridArr[curr_index+1],true);
                }
            }

        });