报表中如何实现用键盘的上下左右键移动单元格的光标

hua_love2011

如题，由于报表较大，为了方便用户填写数据，想实现通过上下左右键移动单元格的光标。

jishuang

报表中本来就不能编辑

hua_love2011

jishuang 发表于 2020-5-7 13:16
报表中本来就不能编辑

用的是excelLayout，里面放的input控件

jishuang

input组件好像默认就会左右移动按Tab键看看。如果不行就需要自己在input上键盘事件中需要自己控制，跟html中控制一样

hua_love2011

jishuang 发表于 2020-5-8 13:34
input组件好像默认就会左右移动按Tab键看看。如果不行就需要自己在input上键盘事件中需要自己控制，跟html ...

用户不习惯用tab键，也没有上下左右键填数据方便，请问有类似案例或者参考代码吗？

jishuang

没有

hua_love2011

jishuang 发表于 2020-5-8 19:41
没有

请问在一个表格里面如何获取下一行当列的单元格，不然按照下面的方式实现得把人累死。表样如下图。大一点的报表能有近200个字段
Model.prototype.input5Keydown = function(event) {
                this.moveInputFocus(event, "", "", "input1", "input6");
        };

        Model.prototype.input1Keydown = function(event) {
                this.moveInputFocus(event, "input5", "", "input49", "input53");
        };

        Model.prototype.moveInputFocus = function(event, leftId, upId, rightId, nextId) {
                var keyCode = event.keyCode;

                if (keyCode == 37) { // 向左
                        $(this.getElementByXid(leftId)).focus();
                } else if (keyCode == 38) {// 向上
                        $(this.getElementByXid(upId)).focus();
                } else if (keyCode == 39) {// 向右
                        $(this.getElementByXid(rightId)).focus();
                } else if (keyCode == 40) {// 向下
                        $(this.getElementByXid(nextId)).focus();
                }
        }

jishuang

excel布局最终运行后是table就标准的js中table的解析，或者就直接找固定的input组件

hua_love2011

jishuang 发表于 2020-5-9 09:06
excel布局最终运行后是table就标准的js中table的解析，或者就直接找固定的input组件 ...

如果一个模块里面有2个或3个选项卡，里面有用到excelLayout和report，我昨天根据excelLayout或report的ID取不到我具体要操作的table，您说的后者就指我当前用的方法吧

jishuang

是的