我已将 jqGrid 设置为使用单元格编辑，并绑定了一些导航键。
向上和向下箭头将调用上一行或下一行的编辑行，效果很好。唯一的问题是，如果我到达可见记录的末尾，它不会滚动以跟上。
我尝试在网格选项中设置scrollrows: true，但这似乎只适用于选择整行，而不是单元格。
以前有人处理过这个吗？我对滚动和 javascript/jquery 不是很有经验，所以我没有现成的解决方案。
感谢您的任何建议！
编辑：Here is a fiddle 帮助调试。要查看问题，请单击“Thingy”列，使用向下箭头导航。
【问题讨论】：
标签： javascript jquery jqgrid scroll
editNewCell 函数可以修改为使用setSelection 以确保新编辑的行可见：
function editNewCell(iRow, iCol) {
e.preventDefault();
e.stopPropagation();
e.stopImmediatePropagation();
grid.editCell(iRow, iCol, true);
var selRow = grid.getGridParam('selrow');
grid.jqGrid('setSelection', selRow );
};
如果您想尝试一下，这里有一个 jsfiddle 的更改。
【讨论】：
I just want the grid to scroll when I reach the bottom of the visible records, so don't have to take my hands off the keyboard and scroll with the mouse
我不确定我做对了。 “如果我到达可见记录的末尾，它不会滚动以跟上。”是什么意思？你的意思是一旦你到达顶行/底行你就不能再往前走了OR你的意思是如果你继续水平滚动并且一旦你越过最后一行您的编辑模式消失的可见记录数。
我有类似的excel like gridedit implementation，在编辑模式下我有向上和向下箭头导航以进行单元格编辑。第一段中的链接将带您到jsfiddle sample。在 javascript 部分中查找 HandleInputNavigation 函数。我已将列的 editoptions 下 colModel 中的 keydown 事件绑定到 HandleInputNavigation 函数。那是我处理向上/向下导航的地方。
5/24 更新：您的代码应如下所示：
if (iRow && iCol) {
var isShift = window.event.shiftKey ? true : false;
var top = 1; //UPDATED
var bottom = grid.getGridParam('reccount');
var left = 0;
var right = grid.getGridParam("colNames").length - 1;
switch (key) {
case 38:
// up
if (iRow === top) saveCell(iRow, iCol); //UPDATED
else editNewCell(iRow - 1, iCol);
break;
case 40:
// down
if (iRow === bottom) saveCell(iRow, iCol); //UPDATED
else editNewCell(iRow + 1, iCol);
break;
...
...
【讨论】：