登录/注册

首页 › SpreadJS & GcExcel专区 › 求助中心 › 查看内容

8 主题	18 帖子	60 积分

积分: 60

245
金币
8
主题
18
帖子

最新发帖

[已处理] 关于按下tab键如何跳过SpreadJS表格的问题

李仔文
注册会员 / 发表于：2024-2-1 19:00 / 查看：1248 / 回复：9

10金币

本帖最后由 Lynn.Dou 于 2024-2-6 14:03 编辑

image.png525665282.png

image.png525665282.png

有一个需求是当我在標準仕入単価的输入框按下tab键时焦点应该跳转到免税除外区分而不是跳转到在庫評価単価履歴这个SpreadJS表格中，这个怎么设置？

spread.commandManager().register('selectNextControl', GC.Spread.Sheets.Commands.selectNextControl, GC.Spread
.Commands.Key.tab, false, false, false, false);
spread.options.hideSelection = true;
spread.commandManager().setShortcutKey(null, GC.Spread.Commands.Key.del, false, false, false, false);

复制代码

这样写虽然能跳出SpreadJS但是第一次按下tab键焦点仍然会出现到如图所示的位置显示一个绿色的框，需要再次按下tab键才会跳出SpreadJS，
我想要直接跳过这个SpreadJS表格，实现类似于html在tabindex=-1的效果

image.png336656493.png

最佳答案

查看完整内容

您好，在vue3中创建input框，复选框以及SpreadJS或者Designer组件，在SpreadJS或者Designer组件中添加tabindex="-1"是可以实现您的需求的，具体代码参考附件：

收藏

回复

9 个回复

倒序浏览

最佳答案

最佳答案

Ellia.Duan
超级版主 / 发表于：2024-2-1 19:00:44 来自 11^#

您好，在vue3中创建input框，复选框以及SpreadJS或者Designer组件，在SpreadJS或者Designer组件中添加tabindex="-1"是可以实现您的需求的，具体代码参考附件：

10.29 KB, 下载次数: 69

SpreadJS v17.0 预览版已经正式上线~~~

回复 使用道具举报

Ellia.Duan
超级版主 / 发表于：2024-2-2 11:11:01 2^#

您好，“免税除外区分”是sheet吗还是按钮？input输入框是在SpreadJS中吗？为了更好帮您解决问题，是否可以上传下您的文件呢？

SpreadJS v17.0 预览版已经正式上线~~~

回复 使用道具举报

李仔文
注册会员 / 发表于：2024-2-2 11:29:02 4^#

Ellia.Duan 发表于 2024-2-2 11:11
您好，“免税除外区分”是sheet吗还是按钮？input输入框是在SpreadJS中吗？为了更好帮您解决问题，是否可以 ...

免税除外区分时input输入框复选框，我想按下tab直接从標準仕入単価的INPUT输入框跳转到免税除外区分这个复选框按钮而不是让焦点进入spreadJs的表格，让整个spreadJs表格不参与到整个tab顺序中去，免税除外区分和標準仕入単価都是vuetify的元素，因为项目保密不能上传文件

回复 使用道具举报

Ellia.Duan
超级版主 / 发表于：2024-2-2 11:54:50 6^#

您好，根据您的回复，猜测input框和复选框中间间隔了SpreadJS控件，为此我做了一个测试demo ,在SpreadJS的dom元素上添加tabindex="-1"
相关代码如下：
image.png935405883.png

image.png935405883.png

但是，点击input键之后，按下Tab键，焦点在复选框上，没有跳到SpreadJS控件中，
参考下面的动图

SpreadJS v17.0 预览版已经正式上线~~~

回复 使用道具举报

李仔文
注册会员 / 发表于：2024-2-2 17:04:26 7^#

Ellia.Duan 发表于 2024-2-2 11:54
您好，根据您的回复，猜测input框和复选框中间间隔了SpreadJS控件，为此我做了一个测试demo ,在SpreadJS的d ...

<div style="border: 1px solid grey; width: 350px" v-show="showWakoKbn(wakoKbn,'key094')">
                  <gc-spread-sheets id="spreadJs-sheet" :hostClass="hostClassKakaku"
                     @workbookInitialized="initWorkbookZhyokaTanka" :showVerticalScrollbar="true"
                     :tabStripRatio="0.5" :tabStripVisible="false" :allowContextMenu="false">
                  </gc-spread-sheets>
                  </div>采用的时标签的形式，不是div的形式这种怎么修改

回复 使用道具举报

Ellia.Duan
超级版主 / 发表于：2024-2-2 18:14:19 8^#

您好，需要调研下在框架中如何使用tabIndex

SpreadJS v17.0 预览版已经正式上线~~~

回复 使用道具举报

李仔文
注册会员 / 发表于：2024-2-2 18:21:39 9^#

Ellia.Duan 发表于 2024-2-2 18:14
您好，需要调研下在框架中如何使用tabIndex

好的，谢谢

回复 使用道具举报

Ellia.Duan
超级版主 / 发表于：2024-2-4 11:48:10 10^#

不客气，还在调研中，待有进展会及时联系您。

SpreadJS v17.0 预览版已经正式上线~~~

回复 使用道具举报

Richard.Ma
超级版主 / 发表于：2024-2-18 13:57:42 12^#

一直没有看到您回复，这个帖子先结帖了。如果还有问题，欢迎继续回帖沟通

SpreadJS v16.0 正式版发布

回复 使用道具举报